@font-face {

    font-family: "Metropolis-Regular";

    src: url("https://images.hanlonsonline.co.uk/Islington LIFT Portal Demo/fonts/Metropolis-Regular.otf");

    font-weight: 700;

    font-style: normal;

}

@font-face {

    font-family: "Metropolis-Bold";

    src: url("https://images.hanlonsonline.co.uk/Islington LIFT Portal Demo/fonts/Metropolis-Bold.otf");

    font-weight: 700;

    font-style: normal;


}

@font-face {

    font-family: "Metropolis-SemiBold";

    src: url("https://images.hanlonsonline.co.uk/Islington LIFT Portal Demo/fonts/Metropolis-SemiBold.otf");

    font-weight: 700;

    font-style: normal;

}
.termsfeed-com---palette-light .cc-nb-okagree:focus {
    box-shadow: none;
    outline: 2px dashed #000 !important;
}
.termsfeed-com---palette-light .cc-nb-changep:focus {
    box-shadow: none;
    outline: 2px dashed #000;
}
label#strictly-necessary_label:focus {
    outline: 2px dashed #000;
}
.modal-header .close {
    margin-top: -2px;
    font-size: xx-large;
    color: #fff;
    opacity: 1;
}
h1#PageHeaderLabel {
    text-transform: none;
}
#GoogleAddressDialog {
    z-index: 9999999999;
}
h2#jobsText {
    font-size: 32px;
    margin-left: -13% !important;
    color: #707070 !important;
    font-family:'Metropolis-Regular' !important;
}
.termsfeed-com---palette-light .cc-nb-okagree:hover {
    color: #fff;
    background-color: #000;
}

.termsfeed-com---palette-light .cc-nb-reject:hover {
    color: #fff;
    background-color: #000;
}

.termsfeed-com---palette-light .cc-nb-changep:hover {
    background-color: #fff;
    color: #000;
}

.termsfeed-com---palette-light .cc-nb-reject:focus {
    box-shadow: 0 0 0 2px #000;
}

.termsfeed-com---palette-light.termsfeed-com---nb {
    background-color: #fff;
    color: #111;
}

.termsfeed-com---pc-dialog .cc-cp-body-content-entry[active="true"] {
    display: block;
    background: #fff;
}

.termsfeed-com---palette-light .cc-cp-body-tabs {
    color: #000;
    background: #fff;
}

.termsfeed-com---pc-dialog .cc-cp-body-tabs-item {
    margin: 0;
    padding: 0;
    float: left;
    display: block;
    width: 100%;
    color: #666;
    background: #fff;
    border: 1px solid #000;
    border-right-color: rgb(0, 0, 0);
    border-right-style: solid;
    border-right-width: 1px;
    border-bottom-color: rgb(0, 0, 0);
    border-right: 1px solid #ccc;
    transition: all ease .1s;
    box-sizing: content-box;
}

input#VacancyNameInput::placeholder {
    color: #000;
}

.form-control:focus {
    border-color: transparent !important;
    outline: 0;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    outline: #000 dashed 2px !important;
}

.dxeCalendarWeekend_Material {
    color: #000 !important;
}

.navbar-inverse .navbar-toggle:focus,
.navbar-inverse .navbar-toggle:hover {
    outline: 2px #000 dashed;
    background: transparent;
}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
    color: #fff;
    background-color: transparent !important;
}
.skip-link {
    text-align: center;
    background-color: #fff !important;
    /* padding: 20px 0; */
    display: block;
    position: absolute;
    left: -999px;
    top: -999px;
    color: #000;
}

a.skip-link:focus {
    color: #000 !important;
    background-color: #fff !important;
}

.skip-link-row {
    text-align: center;
    background-color: transparent;
    padding: 20px 0;
    position: absolute;
}

.skip-link-row:focus {
    background: #fff;
}

.termsfeed-com---palette-light .cc-cp-body-tabs-item-link {
    color: #000;
}

.bg-warning {
    background-color: #fff;
    color: darkred !important;
}
.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
    font-family: "Metropolis-Regular";
    background: #80808030;
}
#ctl00_CustomWrapper {
    background-color: #FFF;
}

#linkOne {
    color: #3244E5;
}

#linkOne:hover {
    color: #000000;
}

#linkTwo {
    color: #3244E5;
}

#linkTwo:hover {
    color: #000000;
}

#linkThree {
    color: #3244E5;
}

#linkThree:hover {
    color: #000000;
}

#linkFour {
    color: #3244E5;
}

#linkFour:hover {
    color: #000000;
}

#linkFive {
    color: #3244E5;
}

#linkFive:hover {
    color: #000000;
}

.nav {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    font-family: 'Metropolis-SemiBold';
    font-size: 18px;
}

h1,
h2,
h3,
h4,
h5 {

    color: #000;
    font-family: 'Metropolis-Bold' !important;
}

h1 {
    font-size: 42px;
    color: #000000;
}

h2 {
    font-size: 38px;
    color: #000000;
}

h3 {
    font-size: 38px;
    color: #000000;
}

#ctl00_CustomWrapper {
    background-color: #FFF;
    /* padding: 20px 0; */
}

.islington-logo:hover {
    border-bottom: 1px solid #D600A8;
}

.navbar-nav>li>.dropdown-menu {
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background: #ececec;
    font-size: 1.1em;
}

.navbar-inverse .navbar-nav>li>a {
    color: #000;
    font-weight: 600;
    font-size: 1.15em !important;
}

.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:hover,
.navbar-inverse .navbar-nav>.open>a:focus {
    color: #fff;
    background-color: transparent;
}

.islington-logo {
    width: 300px;
    mix-blend-mode: multiply !important;
    margin-top: -20px;
}

.navbar-inverse .navbar-nav>li>a {
    color: #000;
    font-weight: 600;
    margin-top: 20px;
}

li.bulletPointOne {
    font-size: 1.125em;
}

li.bulletPointTwo {
    font-size: 1.125em;
}

li.bulletPointThree {
    font-size: 1.125em;
}

li.bulletPointFour {
    font-size: 1.125em;
}

li.bulletPointFive {
    font-size: 1.125em;
}

.btn-primary:hover {
    background: #000 !important;
    border-color: #c3c3c3;
    color: #fff !important;
    transition: 0.6s;
}

a#linkOne {
    color: #3244E5;
}

a#linkOne:hover {
    color: #000000;
}

a#aboutUs {
    color: #000;
}

a#aboutUs:hover {
    border-bottom: 1px solid #D600A8;
}

a#aboutUs:focus {
    color: #D600A8;
}

a#aboutUs:active {
    border-bottom: 5px solid #D600A8;
}

.navbar-inverse .navbar-nav>.active>a,
.navbar-inverse .navbar-nav>.active>a:focus,
.navbar-inverse .navbar-nav>.active>a:hover {
    color: #000;
    background-color: transparent;
}

a#ourWork {
    color: #000;
}

a#ourWork:hover {
    color: #D600A8;
    transition: 0.3s;
}

a#ourWork:focus {
    color: #D600A8;
    background: #FFF;
}

a#ourWork:active {
    border-bottom: 5px solid #D600A8;
}

a#forBusinesses {
    color: #000;
}

a#forBusinesses:hover {
    color: #D600A8;
    transition: 0.3s;
}

a#forBusinesses:focus {
    color: #D600A8;
}

a#forBusinesses:active {
    border-bottom: 5px solid #D600A8;
}

a#forResidents {
    color: #000;
}

a#forResidents:hover {
    color: #D600A8;
    transition: 0.3s;
}

a#forResidents:focus {
    color: #000;
}

a#forResidents:active {
    border-bottom: 5px solid #D600A8;
}

a#jobsTab {
    color: #000;
}

a#jobsTab:hover {
    border-bottom: 5px solid #D600A8;
    transition: 0.3s;
}

a#jobsTab:focus {
    color: #000;
}

a#jobsTab:active {
    border-bottom: 5px solid #D600A8;
}

a#digitalHub {
    color: #000;
}

a#digitalHub:hover {
    color: #D600A8;
    transition: 0.3s;
}

a#affordableWorkspace {
    color: #000;
}

a#affordableWorkspace:hover {
    color: #D600A8;
    transition: 0.3s;
}

a.login-link:hover {
    color: #D600A8 !important;
    transition: 0.6s;
}

a#loginOne {
    padding: 10px;
    margin-top: 26px;
}

a#loginOne:hover {
    background: #707070;
    color: #fff !important;
}

a#dropdownOne {
    font-weight: 700;
    text-decoration: none;
    color: #000;
}

a#dropdownTwo {
    font-weight: 700;
    text-decoration: none;
    color: #000;
}

a#dropdownThree {
    font-weight: 700;
    text-decoration: none;
    color: #000;
}

a#dropdownOne:hover {
    color: #000;
    transition: 0.3s;
    background: #D600A8;
    text-decoration: underline;
}

a#dropdownTwo:hover {
    color: #000;
    transition: 0.3s;
    background: #D600A8;
    text-decoration: underline;
}

a#dropdownThree:hover {
    color: #000;
    transition: 0.3s;
    background: #D600A8;
    text-decoration: underline;
}

input#btnProceedToWizard {
    margin-top: 20px;
}

.navbar {
    margin-bottom: unset;
    background-color: #ffffff;
}
#ctl00_CustomWrapper {
    background-color: #ffffff;
    /* padding: 20px 0; */
}
nav.navbar.navbar-expand-lg {
    padding-left: 100px;
    padding-right: 100px;
}
ul.navbar-nav.ms-auto a {
    padding: 24px 16px;
    font-family: "Metropolis-Bold";
    font-size: 1.3em !important;
    text-decoration: none;
}


.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
    background: #80808030;
}

th.sorting_disabled {
    background: #fff !important;
}

table#VacancyOverviewDetailsTable {
    background: #fff;
}

th {
    font-weight: 500 !important;
    color: #000 !important;
}

#VacancyOverviewDetailsTable tr {

    border-bottom: 2px solid #D600A8;

}

.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #fff;
}

tr.even {
    background: #fff;
}

.table-hover>tbody>tr:hover {
    background-color: #fff;
}

a.login-link {
    padding-left: 40px !important;
    padding-right: 40px !important;
    border: 1px solid #000;
    border-radius: 8px;
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus {
    color: #fff;
    text-decoration: none;
    background-color: transparent;
    outline: 0;
    color: #D600A8 !important;
}

a#registerButton {
    margin-left: 5px;
    background: #D600A8;
    color: #FFF !important;
    border-radius: 8px;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 26px;
    border: 1px solid #000;
}
a#registerButton:hover {
    color: #000 !important;
    background: #fff;
    transition: 0.6s;
}
.btn, #btnAddNew, #ctl00_mCPH_btnUpdateDetails, #ctl00_mCPH_btnUpdateSkills, #ctl00_mCPH_btnSave, #ctl00_mCPH_btnExit, #ctl00_mCPH_btnDuplicateCheck, #ctl00_mCPH_CompleteButton, #ctl00_mCPH_AddSkillButton, #ctl00_mCPH_AddSkillRequireProofButton, .btn-outline, #btnAddNew, #PageContent>div:nth-child(2)>div:nth-child(2)>input[type=button], #ctl00_mCPH_ctrlBusinessSignup_ctrlRegistrationWizard_wiz_FinishNavigationTemplateContainerID_FinishButton, body>div.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-dialog-buttons.ui-draggable.ui-resizable>div.ui-dialog-buttonpane.ui-widget-content.ui-helper-clearfix>div>button:nth-child(1), body>div.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-dialog-buttons.ui-draggable.ui-resizable>div.ui-dialog-buttonpane.ui-widget-content.ui-helper-clearfix>div>button:nth-child(2) {
    border-radius: 5px;
    min-width: 150px;
    border: none;
    /* padding: 20px 55px; */
    padding: 10px 55px;
    font-size: 1.0625em;
    text-decoration: none;
}
.carouselOneText {
    font-size: 1.25em;
    margin-top: 0%;
    width: 100%;
    font-weight: normal;
    margin-left: 10%;
}

.carouselTwoText {
    font-size: 1.25em;
    margin-top: 0%;
    width: 115%;
    margin-left: 25vw;
    font-weight: normal;
}

p.carouselSecondText {
    margin-left: 10%;
}


.carouselThreeText {
    font-size: 1.25em;
    margin-top: 0%;
    width: 140%;
    font-weight: normal;
    margin-left: -13%;
}


.carousel-indicators {
    position: absolute;
    bottom: 10px;
    left: 95vw;
    z-index: 15;
    width: 7%;
    padding-left: 0;
    margin-left: -30%;
    text-align: center;
    list-style: none;
    top: 86%;
}

.carousel-indicators li {
    background-color: #FFF;
    width: 20px;
    height: 20px;
}

.carousel-indicators .active {
    width: 20px;
    height: 20px;
    background-color: #DFFF00;
    text-decoration: 2px solid underline;
}

.carousel-indicators li {
    text-indent: 0;
    height: 30px !important;
    width: 30px !important;
    border-radius: 0px !important;
}

/* img#logoOne {
    width: 200px;
    margin-top: 20px;
    background: #80808030;
    padding: 40px;
    height: 200px;
    border-radius: 50%
}

img#logoTwo {
    mix-blend-mode: exclusion;
    width: 250px;
    margin-top: 20px;
    background: #80808030;
    padding: 60px;
    height: 200px;
    border-radius: 50%;
}

img#logoThree {
    width: 250px;
    margin-top: 20px;
    background: #80808030;
    padding: 50px;
    height: 200px;
    border-radius: 50%;
}

img#logoFour {
    width: 50%;
    mix-blend-mode: exclusion;
    margin-bottom: 20px;
    background: #80808030;
    padding: 60px;
    height: 250px;
    border-radius: 50%;
} */


/* h2.buildGateway {
    margin-top: 5%;
} */
/* 
div#ctl00_mCPH_FiltersPanel {
    background: #80808030;
} */


/* .form-control {
        font-size: inherit;
        height: 38px;
        border: 2px solid #000;
    }
     */

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
    background: #D600A8;
    color: #FFF;
}

input.btn.btn-secondary {
    color: #000000;
    background: #FFFFFF;
    transition: 0.6s;
    border: 1px solid #0000;
}

input.btn.btn-secondary:hover {
    color: #FFFFFF;
    background: #707070;
    transition: 0.6s;

}

.btn-primary:hover {
    background: #FFF;
    border-color: #c3c3c3;
    color: #D600A8;
    transition: 0.6s;
}

img#jobImage {
    width: 65%;
    margin-top: -10%;
    mix-blend-mode: multiply;
    margin-left: 48%;
}

table.dataTable thead>tr>th.sorting_asc,
table.dataTable thead>tr>th.sorting_desc,
table.dataTable thead>tr>th.sorting,
table.dataTable thead>tr>td.sorting_asc,
table.dataTable thead>tr>td.sorting_desc,
table.dataTable thead>tr>td.sorting {
    padding-right: 30px;
    background: #FFF;
}

.btn-primary,
#ctl00_mCPH_ctrlBusinessSignup_ctrlRegistrationWizard_wiz_FinishNavigationTemplateContainerID_FinishButton,
body>div.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-dialog-buttons.ui-draggable.ui-resizable>div.ui-dialog-buttonpane.ui-widget-content.ui-helper-clearfix>div>button:nth-child(1) {
    background-color: #D600A8;
    border-color: #004F8B;
    color: white;
    margin-bottom: 20px;
}

a#findOutMoreBtn {
    margin-left: 31vw;
    font-weight: 700;
    margin-top: -10px;
}

a#findOutMoreButton {
    margin-left: 7%;
}

#imgOne {
    margin-right: 7vw !important;
    margin-top: 30px;
}

img#imgTwo {
    width: 50% !important;
}

#imgThree {
    margin-right: 5vw !important;
    margin-top: 10px;
    width: 50% !important;
}

#ctl00_mCPH_ctrlBusinessSignup_pnlAccountDetails>div:nth-child(4)>span,
#ctl00_mCPH_Main>div>div>div.Control>div:nth-child(1)>div>div:nth-child(5)>span {
    font-style: inherit !important;
    color: #000;
}

/* input#btnRegister:focus {
    background: #FFF;
    color: #D600A8 !important;
} */

input#btnRegister:hover {
    background: #000 !important;
    color: #FFF !important;
}

.navbar-inverse .navbar-toggle {
    border-color: #000;
    color: #000 !important;
}

.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #000;
}

p {
    font-size: 20px;
    color: #000000;
}

a#opportunitiesBtn {
    width: 200px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 16px;
    margin-left: 10% !important;
    margin-top: 10px;
    font-weight: 700;
}

a#ourWorkBtn {
    margin-left: 6%;
    font-weight: 700;
}

p#homepageText {
    width: 100%;
    font-size: 20px;
    font-family: 'Metropolis-Regular';
}

.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
    background-color: #DFFF00 !important;
    border-color: #000 !important;
    color: #000000;
}

.carousel-control {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 10%;
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2pxrgba(0, 0, 0, .6);
    background-color: rgba(0, 0, 0, 0);
    filter: alpha(opacity=50);
    opacity: .5;
}

a.left.carousel-control {
    width: 50px !important;
    top: 308px !important;
    margin-left: 76% !important;
    bottom: 30px !important;
    background: transparent;
    color: #000;
    margin-top: 0.25%;
}

.glyphicon-chevron-left:before {
    content: "\e079";
    font-size: large;
}

a.right.carousel-control {
    top: 307px !important;
    margin-right: 223px !important;
    width: 50px !important;
    background: transparent;
    color: #000 !important;
    margin-top: 0.25%;
}

.glyphicon-chevron-right:before {
    content: "\e080";
    font-size: large;
    /* text-decoration: underline; */
}

.glyphicon-chevron-left:before {
    content: "\e079";
    font-size: large;
    /* text-decoration: underline; */
}


.table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    /* border-top: 1px solid #D600A8; */
}

.text-info {
    color: #000;
}

.alert-info {
    color: #31708f;
    background-color: transparent;
    border-color: transparent;
    margin-left: -10px;
}

.form-control {
    font-size: inherit;
    height: 38px;
    border: 2px solid #000;
}

.panel-section .panel {
    margin-bottom: 0;
    width: 70%;
    border-bottom: 3px solid #D600A8;
}

.nav-mid.active {
    border-bottom: 5px solid #D600A8;
}


}

.carousel-item {
    width: 295px;
    height: 388px;
    background-color: transparent;
    margin-left: 0;
}

caption {
    color: #525252;
    visibility: hidden;
}

.islington-logo {
    /* width: 140px; */

    padding: 0px 0;
}

p#jobsText {
    font-size: 32px;
    margin-top: 0%;
    color: #707070;
    font-weight: 500;
    margin-left: -13%;
    line-height: 1;
}


.btn-primary:focus {
    background-color: #FFF !important;
    border-color: #004F8B;
    color: #D600A8 !important;
}

.circleStatOne {
    margin-bottom: 5%;
    margin-top: 5%;
}

.circleStatTwo {
    margin-bottom: 5%;
    margin-top: 5%;
}

.circleStatThree {
    margin-bottom: 5%;
    margin-top: 5%;
}

.circleStatFour {
    margin-top: 5%;
}

span.dotOne {
    background: #D600A8;
    color: #FFF;
    padding: 28px;
    border-radius: 50%;
    font-size: 16px;
    margin-left: 10%;
}

span.dotTwo {
    background: #D600A8;
    color: #FFF;
    padding-right: 36px;
    padding-left: 36px;
    padding-top: 28px;
    padding-bottom: 27px;
    border-radius: 50%;
    font-size: 16px;
    margin-left: 10%;
}

span.dotThree {
    background: #D600A8;
    color: #FFF;
    padding-right: 36px;
    padding-left: 36px;
    padding-top: 28px;
    padding-bottom: 27px;
    border-radius: 50%;
    font-size: 16px;
    margin-left: 10%;
}

span.dotFour {
    background: #D600A8;
    color: #FFF;
    padding-right: 36px;
    padding-left: 36px;
    padding-top: 28px;
    padding-bottom: 27px;
    border-radius: 50%;
    font-size: 16px;
    margin-left: 10%;
}

#spanTextOne {
    margin-left: 18%;
    margin-top: -2%;
    font-size: 20px;
    font-weight: 700;
}

#spanTextTwo {
    margin-left: 18%;
    margin-top: -2%;
    font-size: 20px;
    font-weight: 700;
}

#spanTextThree {
    margin-left: 18%;
    margin-top: -2%;
    font-size: 20px;
    font-weight: 700;
}

#spanTextFour {
    margin-left: 18%;
    margin-top: -2%;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 3%;
}

/* hr.spanDividerOne {
    border-top: transparent;
    padding-top: 106px;
}
hr.spanDividerTwo {
    border-top: transparent;
    padding-top: 106px;
} */

/* hr.spanDividerThree {
    border-top: transparent;
    padding-top: 106px;
} */

/* @media (max-width:1920px) {
    .carousel-indicators {
        left: 96vw;
    }
} */
div#carouselOne {
    height: 360px;
}

h3#titleOne {
    /* margin-top: -30px; */
    font-size: 42px;
    margin-left: 10%;
    width: 125%;
    font-family: 'Metropolis-Bold' !important;
}

h3#titleTwo {
    margin-top: 0px;
    font-size: 42px;
    font-family: 'Metropolis-Bold' !important;
}

div#carouselTwo {
    height: 360px;
}

h3#titleThree {
    margin-top: 0px;
    font-size: 42px;
    font-family: 'Metropolis-Bold' !important;
}

div#carouselThree {
    height: 360px;
}

/* @media only screen and (max-width: 1920px) {
.carousel-indicators {
    position: absolute;
    bottom: 10px;
    left: 96vw;
    z-index: 15;
    width: 7%;
    padding-left: 0;
    margin-left: -30%;
    text-align: center;
    list-style: none;
    top: 110%;
}
} */
img.about-lift-sidebar {
    margin-top: 20px;
}

a#ShowGoogleAddressInputButton {
    color: #3445ED;
}

a#ShowGoogleAddressInputButton:hover {
    color: #000000;
}

ul {
    padding-left: 0px !important;
}

li.document-list-nodocuments {
    font-size: 20px;
}
.active>.page-link, .page-link.active {
    z-index: 3;
    color: var(--bs-pagination-active-color);
    background-color: #DFFF00 !important;
    border-color: #000;
    color: #000;
}
input#btnApplyFilters {
    font-size: 18px;
    font-family: "Metropolis-Regular";
}
div#logosRow {
    left: 5%;
    position: relative;
}
/* span {
    color: #000000 !important;f
}
span.dotOne {
    color: #fff !important;
}
span.dotTwo{
    color: #fff !important;
}
span.dotThree {
    color: #fff !important;
}
span.dotFour {
    color: #fff !important;
}
li {
    color: #000000;
} */
@media screen and (min-device-width: 1441px) and (max-device-width: 1919px) {
    .slideNumbers {
        margin-top: 150px;
    }

    a.left.carousel-control {
        top: 340px !important;
    }

    a.right.carousel-control {
        top: 315px !important;
    }

    #footerLogoOne {
        margin-left: 15% !important;
        width: 200px;
    }
}

/* @media only screen and (max-width: 1880px) {
    a.left.carousel-control {
        width: 50px !important;
        top: 277px !important;
        margin-left: 75.7% !important;
        bottom: 30px !important;
        background: transparent;
        color: #000;
        margin-top: 0.75%;
    }

    a.right.carousel-control {
        top: 253px !important;
        margin-right: 218px !important;
        width: 50px !important;
        background: transparent;
        color: #000 !important;
        margin-top: 0.5%;
    } */

}

@media only screen and (max-width: 1859px) {
    h3#titleOne {
        width: 126%;
    }
}

@media only screen and (max-width: 1840px) {
    /* a.left.carousel-control {
        width: 50px !important;
        top: 283px !important;
        margin-left: 75.6% !important;
        bottom: 30px !important;
        background: transparent;
        color: #000;
        margin-top: 0.75%;
    } */

    /* a.right.carousel-control {
        top: 256px !important;
        margin-right: 210px !important;
        width: 50px !important;
        background: transparent;
        color: #000 !important;
        margin-top: 0.5%;
    } */
    a.right.carousel-control {
        margin-right: 210px !important;
    }
}

@media only screen and (max-width: 1814px) {
    /* a.left.carousel-control {
        width: 50px !important;
        top: 285px !important;
        margin-left: 75.5% !important;
        bottom: 30px !important;
        background: transparent;
        color: #000;
        margin-top: 0.65%;
    } */

    /* a.right.carousel-control {
        top: 255px !important;
        margin-right: 196px !important;
        width: 50px !important;
        background: transparent;
        color: #000 !important;
        margin-top: 0.5%;
    } */
    a.right.carousel-control {
        margin-right: 200px !important;
    }
}

@media only screen and (max-width: 1804px) {
    #imgOne {
        margin-right: 7vw !important;
        margin-top: 30px;
    }
}

@media only screen and (max-width: 1784px) {
    h3#titleOne {
        width: 127%;
    }
}

@media only screen and (max-width: 1776px) {
    #imgOne {
        margin-right: 5vw !important;
        margin-top: 30px;
    }
}

@media only screen and (max-width: 1772px) {
    /* a.left.carousel-control {
        width: 50px !important;
        top: 284px !important;
        margin-left: 75.5% !important;
        bottom: 30px !important;
        background: transparent;
        color: #000;
        margin-top: 0.65%;
    } */

    /* a.right.carousel-control {
        top: 254px !important;
        margin-right: 192px !important;
        width: 50px !important;
        background: transparent;
        color: #000 !important;
        margin-top: 0.5%;
    } */
}

@media only screen and (max-width: 1771px) {
    h3#titleOne {
        width: 129%;
    }
}

@media only screen and (max-width: 1769px) {
    h3#titleOne {
        width: 113%;
    }

    /* a.left.carousel-control {
        width: 50px !important;
        top: 261px !important;
        margin-left: 75.5% !important;
        bottom: 30px !important;
        background: transparent;
        color: #000;
        margin-top: 0.65%;
    }

    a.right.carousel-control {
        top: 263px !important;
        margin-right: 195px !important;
        width: 50px !important;
        background: transparent;
        color: #000 !important;
        margin-top: 0.5%;
    } */
}

@media only screen and (max-width: 1768px) {
    /* a.left.carousel-control {
        width: 50px !important;
        top: 281px !important;
        margin-left: 75.4% !important;
        bottom: 30px !important;
        background: transparent;
        color: #000;
        margin-top: 0.9%;
    }

    a.right.carousel-control {
        top: 246px !important;
        margin-right: 189px !important;
        width: 50px !important;
        background: transparent;
        color: #000 !important;
        margin-top: 1.05%;
    } */

    h3#titleOne {
        width: 134%;
    }

}

@media only screen and (max-width: 1697px) {
    a.right.carousel-control {
        margin-right: 188px !important;
    }
}

@media only screen and (max-width: 1692px) {
    #imgOne {
        margin-right: 3vw !important;
        margin-top: 30px;
    }
}

@media only screen and (max-width: 1689px) {
    .carousel-indicators {
        position: absolute;
        bottom: 10px;
        left: 94.5vw;
        z-index: 15;
        width: 8%;
        padding-left: 0;
        margin-left: -30%;
        text-align: center;
        list-style: none;
        top: 86%;
    }

    h3#titleOne {
        width: 124%;
    }

    div#carouselOne {
        height: 420px;
    }

    a.left.carousel-control {
        width: 50px !important;
        top: 351px !important;
        margin-left: 75.4% !important;
        bottom: 30px !important;
        background: transparent;
        color: #000;
        margin-top: 0.9%;
    }

    a.right.carousel-control {
        top: 347px !important;
        margin-right: 180px !important;
        width: 50px !important;
        background: transparent;
        color: #000 !important;
        margin-top: 1.05%;
    }

    div#carouselTwo {
        height: 420px;
    }

    div#carouselThree {
        height: 420px;
    }

}

@media only screen and (max-width: 1687px) {
    h3#titleOne {
        width: 119%;
    }

    /* a.left.carousel-control {
        width: 50px !important;
        top: 280px !important;
        margin-left: 75.4% !important;
        bottom: 30px !important;
        background: transparent;
        color: #000;
        margin-top: 3.9%;
    }

    a.right.carousel-control {
        top: 262px !important;
        margin-right: 167px !important;
        width: 50px !important;
        background: transparent;
        color: #000 !important;
        margin-top: 3.05%;
    } */

    h3#titleTwo {
        margin-top: 0px;
        /* font-size: 1.3em; */
    }

    .carousel-indicators {
        position: absolute;
        bottom: 10px;
        left: 95vw;
        z-index: 15;
        width: 8%;
        padding-left: 0;
        margin-left: -30%;
        text-align: center;
        list-style: none;
        top: 86%;
    }

    div#carouselTwo {
        height: 423px;
    }

    div#carouselThree {
        height: 420px;
    }
}

@media only screen and (max-width: 1682px) {
    #imgOne {
        margin-right: 12vh !important;
        margin-top: 30px;
        width: 60% !important;
    }

    img#imgTwo {
        width: 60% !important;
        margin-top: 15px;
    }

    img#imageTwo {
        width: 60% !important;
    }

    img#imgThree {
        width: 60% !important;
    }
}

/* @media only screen and (max-width: 1677px) {
    .carousel-indicators {
        position: absolute;
        bottom: 10px;
        left: 94vw;
        z-index: 15;
        width: 8%;
        padding-left: 0;
        margin-left: -30%;
        text-align: center;
        list-style: none;
        top: 110%;
    }
} */
@media only screen and (max-width: 1670px) {
    #imgOne {
        margin-right: 4vw !important;
        margin-top: 30px;
        width: 60% !important;
    }
}

@media only screen and (max-width: 1658px) {
    #imgOne {
        margin-right: 13vh !important;
    }

    h3#titleOne {
        width: 116%;
    }

    /* a.left.carousel-control {
        width: 50px !important;
        top: 252px !important;
        margin-left: 75% !important;
        bottom: 30px !important;
        background: transparent;
        color: #000;
        margin-top: 5.9%;
    } */
}

@media only screen and (max-width: 1652px) {
    h3#titleOne {
        width: 117%;
    }
}

/* @media only screen and (max-width: 1636px) {
    h3#titleOne {
        width: 118%;
    }

    #imgOne {
        margin-right: 7vh !important;
    }

    #imgThree {
        margin-right: 5vh !important;
        width: 68% !important;
    }
} */
@media only screen and (max-width: 1651px) {
    .carousel-indicators {
        position: absolute;
        bottom: 10px;
        left: 94.5vw;
        z-index: 15;
        width: 8%;
        padding-left: 0;
        margin-left: -30%;
        text-align: center;
        list-style: none;
        top: 86%;
    }
}

@media only screen and (max-width: 1634px) {
    /* .carouselTwoText {
        font-size: 30px;
        margin-top: 0%;
        width: 109%;
        margin-left: 39vw;
        font-weight: bold;
    } */
}


@media only screen and (max-width: 1630px) {
    .carousel-indicators {
        left: 94vw !important;
        width: 8% !important;
    }

    /* img#imgTwo {
        width: 50% !important;
        margin-top: 10px;
    } */
    /* 
    a.left.carousel-control {
        width: 50px !important;
        top: 320px !important;
        margin-left: 74.5% !important;
        bottom: 30px !important;
        background: transparent;
        color: #000;
        margin-top: 1.3%;
    }

    a.right.carousel-control {
        top: 289px !important;
        margin-right: 171px !important;
        width: 50px !important;
        background: transparent;
        color: #000 !important;
        margin-top: 1.3%;
    } */
}

/* @media only screen and (max-width: 1629px) {
    a.left.carousel-control {
        width: 50px !important;
        top: 318px !important;
        margin-left: 74.5% !important;
        bottom: 30px !important;
        background: transparent;
        color: #000;
        margin-top: 1.3%;
    }

    a.right.carousel-control {
        top: 289px !important;
        margin-right: 173px !important;
        width: 50px !important;
        background: transparent;
        color: #000 !important;
        margin-top: 1.3%;
    }

} */

@media only screen and (max-width: 1622px) {
    h3#titleOne {
        width: 120%;
    }
}

@media only screen and (max-width: 1602px) {
    h3#titleOne {
        width: 121%;
    }

    .carousel-indicators {
        left: 94vw !important;
        width: 9% !important;
    }

    /* a.left.carousel-control {
        width: 50px !important;
        top: 319px !important;
        margin-left: 75% !important;
        bottom: 30px !important;
        background: transparent;
        color: #000;
        margin-top: 1.5%;
    }

    a.right.carousel-control {
        top: 286px !important;
        margin-right: 161px !important;
        width: 50px !important;
        background: transparent;
        color: #000 !important;
        margin-top: 1.5%;
    } */

    #imgThree {
        margin-right: 13vh !important;
        margin-top: 10px;
        width: 50% !important;
    }

    #spanTextOne {
        margin-left: 20%;
        margin-top: -2%;
        font-size: 18px;
        font-weight: 700;
    }

    #spanTextTwo {
        margin-left: 20%;
        margin-top: -2%;
        font-size: 18px;
        font-weight: 700;
    }

    .circleStatTwo {
        margin-bottom: 5%;
        margin-top: 8%;
    }

    #spanTextThree {
        margin-left: 20%;
        margin-top: -2%;
        font-size: 18px;
        font-weight: 700;
    }

    .circleStatThree {
        margin-bottom: 5%;
        margin-top: 8%;
    }

    .circleStatFour {
        margin-top: 8%;
    }

    #spanTextFour {
        margin-left: 20%;
    }

}

/* @media only screen and (max-width: 1601px) {
    a.left.carousel-control {
        width: 50px !important;
        top: 335px !important;
        margin-left: 75% !important;
        bottom: 30px !important;
        background: transparent;
        color: #000;
        margin-top: 1.5%;
    }
} */

@media only screen and (max-width: 1600px) {
    .islington-logo {
        width: 210px;
        padding: 0px 0;
        margin-top: 0px;
    }

    .carousel-indicators {
        left: 96vw !important;
        width: 9% !important;
    }

    a#opportunitiesBtn {
        width: 200px;
        padding-left: 20px;
        padding-right: 20px;
        font-size: 16px;
        margin-left: 10% !important;
        margin-top: 5px;
    }

    a.left.carousel-control {
        width: 50px !important;
        top: 351px !important;
        margin-left: 76.5% !important;
        bottom: 30px !important;
        background: transparent;
        color: #000;
        margin-top: 0.9%;
    }

    a.right.carousel-control {
        top: 323px !important;
        margin-right: 150px !important;
        width: 50px !important;
        background: transparent;
        color: #000 !important;
        margin-top: 2.8%;
    }

    div#myCarousel {
        display: flex;
    }

    #imgOne {
        margin-right: 3vw !important;
    }

    div#carouselTwo {
        height: 417px;
    }

    #imgThree {
        margin-right: 5vh !important;
        width: 70% !important;
    }
}

/* @media only screen and (max-width: 1595px) {
    a.left.carousel-control {
        width: 50px !important;
        top: 335px !important;
        margin-left: 76% !important;
        bottom: 30px !important;
        background: transparent;
        color: #000;
        margin-top: -10.3%;
    }

    a.right.carousel-control {
        top: 333px !important;
        margin-right: 137px !important;
        width: 50px !important;
        background: transparent;
        color: #000 !important;
        margin-top: -10%;
    }

} */

@media only screen and (max-width: 1589px) {
    h3#titleOne {
        width: 122%;
    }
}

@media only screen and (max-width: 1585px) {
    h3#titleOne {
        width: 122%;
    }

    #imgThree {
        margin-right: 5vh !important;
        width: 70% !important;
    }
}

@media only screen and (max-width: 1581px) {
    img#imageTwo {
        width: 60% !important;
        margin-right: 4vw !important;
    }
}

@media only screen and (max-width: 1575px) {
    h3#titleOne {
        width: 125%;
    }

    #imgOne {
        margin-right: 3vh !important;
    }

}

/* @media only screen and (max-width: 1565px) {
    a.right.carousel-control {
        top: 331px !important;
        margin-right: 125px !important;
        width: 50px !important;
        background: transparent;
        color: #000 !important;
        margin-top: 11.4%;
    }
} */

@media only screen and (max-width: 1563px) {
    h3#titleOne {
        width: 125%;
    }

    /* a.right.carousel-control {
        top: 328px !important;
        margin-right: 143px !important;
        width: 50px !important;
        background: transparent;
        color: #000 !important;
        margin-top: -9.6%;
    } */
}

@media only screen and (max-width: 1562px) {
    h3#titleOne {
        width: 124%;
    }

    /* a.right.carousel-control {
        top: 330px !important;
        margin-right: 139px !important;
        width: 50px !important;
        background: transparent;
        color: #000 !important;
        margin-top: -9.6%;
    } */
}

@media only screen and (max-width: 1561px) {
    h3#titleOne {
        width: 124%;
    }

    /* a.right.carousel-control {
        top: 331px !important;
        margin-right: 141px !important;
        width: 50px !important;
        background: transparent;
        color: #000 !important;
        margin-top: -9.8%;
    } */

    #imgOne {
        margin-right: 0vh !important;
    }

    #imgThree {
        margin-right: 5vh !important;
        width: 72% !important;
    }
}

@media only screen and (max-width: 1555px) {
    h3#titleOne {
        width: 125%;
    }
}

@media only screen and (max-width: 1551px) {
    /* a.right.carousel-control {
        top: 330px !important;
        margin-right: 139px !important;
        width: 50px !important;
        background: transparent;
        color: #000 !important;
        margin-top: -9.6%;
    } */

    h3#titleOne {
        width: 125%;
    }
}

@media only screen and (max-width: 1548px) {
    h3#titleOne {
        width: 125%;
    }
}

@media only screen and (max-width: 1548px) {
    h3#titleOne {
        width: 126%;
    }
}

@media only screen and (max-width: 1539px) {
    h3#titleOne {
        width: 126%;
    }

    h3#titleTwo {
        margin-top: 0px;
        /* font-size: 1.3em; */
        width: 120% !important;
    }
}

@media only screen and (max-width: 1528px) {
    h3#titleOne {
        width: 127%;
    }
}

@media only screen and (max-width: 1526px) {
    h3#titleOne {
        width: 127%;
    }
}

@media only screen and (max-width: 1525px) {
    h3#titleOne {
        width: 127%;
    }

    a#findOutMoreBtn {
        margin-left: 30.5vw;
    }

    a.right.carousel-control {
        top: 324px !important;
        margin-right: 137px !important;
        width: 50px !important;
        background: transparent;
        color: #000 !important;
        margin-top: 2.8%;
    }
}

@media only screen and (max-width: 1520px) {
    h3#titleOne {
        width: 128%;
    }
}

@media only screen and (max-width: 1518px) {
    h3#titleOne {
        width: 128%;
    }
}

@media only screen and (max-width: 1508px) {
    h3#titleOne {
        width: 129%;
    }

    #imgThree {
        margin-right: 5vh !important;
        width: 76% !important;
    }

}

@media only screen and (max-width: 1506px) {
    h3#titleOne {
        width: 129%;
    }

    /* a.right.carousel-control {
        top: 268px !important;
        margin-right: 131px !important;
        width: 50px !important;
        background: transparent;
        color: #000 !important;
        margin-top: 2.8%;
    } */
}

@media only screen and (max-width: 1499px) {
    h3#titleOne {
        width: 130%;
    }
}

@media only screen and (max-width: 1498px) {
    h3#titleOne {
        width: 130%;
    }

    #imgThree {
        margin-right: 5vh !important;
        width: 76% !important;
    }
}

@media only screen and (max-width: 1496px) {
    /* .carouselOneText {
        font-size: 30px;
        margin-top: 0%;
        width: 101%;
        font-weight: bold;
    } */

    /* a.left.carousel-control {
        width: 50px !important;
        top: 380px !important;
        margin-left: 75.5% !important;
        bottom: 30px !important;
        background: transparent;
        color: #000;
        margin-top: -17.25%;
    }

    a.right.carousel-control {
        top: 378px !important;
        margin-right: 121px !important;
        width: 50px !important;
        background: transparent;
        color: #000 !important;
        margin-top: -17.1%;
    } */

    h3#titleOne {
        width: 130%;
    }
}

@media only screen and (max-width: 1495px) {
    /* .carouselTwoText {
        font-size: 30px;
        margin-top: 0%;
        width: 104%;
        margin-left: 39vw;
        font-weight: bold;
    }
    
    .carouselThreeText {
        font-size: 30px;
        margin-top: 0%;
        width: 82%;
        font-weight: bold;
    } */
}

@media only screen and (max-width: 1488px) {
    h3#titleOne {
        width: 131%;
    }
}

@media only screen and (max-width: 1485px) {
    .navbar-inverse .navbar-nav>li>a {
        font-size: 1.05em !important;
    }
}

@media only screen and (max-width: 1484px) {
    /* a.left.carousel-control {
        width: 50px !important;
        top: 379px !important;
        margin-left: 75.5% !important;
        bottom: 30px !important;
        background: transparent;
        color: #000;
        margin-top: -17.25%;
    }

    a.right.carousel-control {
        top: 376px !important;
        margin-right: 123px !important;
        width: 50px !important;
        background: transparent;
        color: #000 !important;
        margin-top: -17.25%;
    } */

    #imgThree {
        margin-right: 5vh !important;
        width: 76% !important;
    }
}

@media only screen and (max-width: 1478px) {
    #imgThree {
        margin-right: 5vh !important;
        width: 76% !important;
    }

    h3#titleOne {
        width: 132%;
    }
}

@media only screen and (max-width: 1467px) {
    h3#titleOne {
        width: 135%;
    }
}

@media only screen and (max-width: 1466px) {
    h3#titleOne {
        width: 134% !important;
    }

    #imgOne {
        margin-right: -6vh !important;
    }


}

@media only screen and (max-width: 1448px) {
    h3#titleOne {
        width: 139% !important;
    }
}

@media only screen and (max-width: 1447px) {
    h3#titleOne {
        width: 137% !important;
    }
}

@media only screen and (max-width: 1442px) {

    /* a.left.carousel-control {
        top: 301px !important;
        margin-left: 75% !important;
        margin-top: -6%;
    }

    a.right.carousel-control {
        top: 245px !important;
        margin-right: 115px !important;
        margin-top: 1.3%;
    } */
    a.right.carousel-control {
        top: 326px !important;
        margin-right: 125px !important;
        width: 50px !important;
        background: transparent;
        color: #000 !important;
        margin-top: 2.8%;
    }

    #imgThree {
        margin-right: 5vh !important;
        width: 78% !important;
    }
}

@media only screen and (max-width: 1440px) {
    /* a.left.carousel-control {
        top: 301px !important;
        margin-left: 75.5% !important;
        margin-top: -5.2%;
    }

    a.right.carousel-control {
        top: 252px !important;
        margin-right: 113px !important;
        margin-top: 1.1%;
    } */


    /* .carouselOneText {
        font-size: 30px;
        margin-top: 0%;
        width: 100%;
        font-weight: bold;
    } */
    a#registerButton {
        padding-left: 10px;
        padding-right: 10px;
    }

    a.right.carousel-control {
        top: 324px !important;
        margin-right: 125px !important;
        width: 50px !important;
        background: transparent;
        color: #000 !important;
        margin-top: 2.8%;
    }

    div#carouselOne {
        height: 417px;
    }

    a#loginOne {
        padding-left: 10px !important;
        padding-right: 10px !important;
        padding-bottom: 10px;
        padding-top: 10px;
        margin-top: 26px;
    }

    a#registerButton {
        margin-left: 5px;
        background: #D600A8;
        color: #FFF;
        border-radius: 8px;
        /* padding-left: 10px;
        padding-right: 10px;
        padding-top: 10px;
        padding-bottom: 10px;
        margin-top: 26px; */
        border: 1px solid #000;
    }

    .carousel-indicators {
        left: 96.6vw !important;
        width: 9% !important;
        margin-top: 0px;
    }

    div#headerContainer {
        width: 100%;
    }

    /* .navbar-nav {
        float: right;
        width: 67%;
        margin-bottom: 0%;
    } */

    a#dropdownOne {
        background: transparent !important;
    }

    a#dropdownTwo {
        background: transparent !important;
    }

    a#dropdownThree {
        background: transparent !important;
    }

    #spanTextOne {
        margin-left: 22%;
    }

    #spanTextTwo {
        margin-left: 22%;
    }

    #spanTextThree {
        margin-left: 22%;
    }

    h2.buildGateway {
        margin-top: 40px;
    }

    /*     
    .carouselTwoText {
        font-size: 30px;
        margin-top: 0%;
        width: 106%;
        margin-left: 39vw;
        font-weight: bold;
    }
    
    .carouselThreeText {
        font-size: 30px;
        margin-top: 0%;
        width: 82%;
        font-weight: bold;
    } */
    /* a.left.carousel-control {
        width: 50px !important;
        top: 351px !important;
        margin-left: 75.3% !important;
        bottom: 30px !important;
        background: transparent;
        color: #000;
        margin-top: -1.1%;
    }

    a.right.carousel-control {
        top: 270px !important;
        margin-right: 131px !important;
        width: 50px !important;
        background: transparent;
        color: #000 !important;
        margin-top: 2.8%;
    } */

    h3#titleSecond {
        font-size: 1.3em;
        margin-left: -10% !important;
        margin-top: 0%;
    }

    h3#titleSecond {
        width: 137% !important;
        font-size: 42px;
        font-family: "Metropolis-Bold";
    }

    p.carouselSecondText {
        margin-left: -10%;

    }

    a#findOutMoreButton {
        margin-left: -17%;
    }

    img#imageTwo {
        margin-top: 20px;
        margin-right: 3vw !important;
    }

}

@media only screen and (max-width: 1426px) {
    h2.liftFuturesHeading {
        margin-top: 0px !important;
    }

    .carousel-indicators {
        left: 95vw !important;
        width: 9% !important;
        margin-top: 46px !important;
    }

    /* .carouselOneText {
        font-size: 24px;
        margin-top: 0%;
        width: 85%;
        font-weight: bold;
    } */
    /* 
    a.right.carousel-control {
        top: 254px !important;
        margin-right: 104px !important;
        margin-top: 68px;
    } */

    a#loginOne {
        padding-left: 10px !important;
        padding-right: 10px !important;
        padding-bottom: 10px;
        padding-top: 10px;
        margin-top: 26px;
    }

    a#registerButton {
        margin-left: 5px;
        background: #D600A8;
        color: #FFF;
        border-radius: 8px;
        /* padding-left: 10px;
        padding-right: 10px;
        padding-top: 10px;
        padding-bottom: 10px;
        margin-top: 26px; */
        border: 1px solid #000;
    }

    /* .navbar-nav {
        float: right;
        width: 67%;
        margin-bottom: 0%;
    } */

    a.left.carousel-control {
        width: 50px !important;
        top: 348px !important;
        margin-left: 75.4% !important;
        bottom: 30px !important;
        background: transparent;
        color: #000;
        margin-top: 4.9%;
    }

    a.right.carousel-control {
        top: 272px !important;
        margin-right: 114px !important;
        width: 50px !important;
        background: transparent;
        color: #000 !important;
        margin-top: 9.8%;
    }

    /* a.left.carousel-control {
        top: 299px !important;
        margin-left: 75.5% !important;
        margin-top: 0.7%;
    }

    a.right.carousel-control {
        top: 251px !important;
        margin-right: 114px !important;
        margin-top: 4.5%;
    } */
}

@media only screen and (max-width: 1429px) {
    h3#titleSecond {
        margin-left: 0% !important;
        margin-top: 0%;
    }

    p.carouselSecondText {
        margin-left: 0%;
    }

    .carousel-indicators {
        left: 94.6vw !important;
        width: 9% !important;
        margin-top: 0px;
    }

    a#findOutMoreButton {
        margin-left: -6%;
    }
}

@media only screen and (max-width: 1425px) {
    /* a.left.carousel-control {
        top: 296px !important;
        margin-left: 75.5% !important;
        margin-top: 0.7%;
    }

    a.right.carousel-control {
        top: 246px !important;
        margin-right: 111px !important;
        margin-top: 4.5%;
    } */

    .container>.navbar-header,
    .container-fluid>.navbar-header,
    .container>.navbar-collapse,
    .container-fluid>.navbar-collapse {
        margin-right: -15px;
        margin-left: -15px;
        margin-top: -40px;
    }

    a.left.carousel-control {
        width: 50px !important;
        top: 347px !important;
        margin-left: 75.7% !important;
        bottom: 30px !important;
        background: transparent;
        color: #000;
        margin-top: 4.9%;
    }

    a.right.carousel-control {
        top: 282px !important;
        margin-right: 128px !important;
        width: 50px !important;
        background: transparent;
        color: #000 !important;
        margin-top: 9.8%;
    }
}

@media only screen and (max-width: 1424px) {
    .carousel-indicators {
        left: 95vw !important;
        width: 9% !important;
        margin-top: 36px !important;
    }

    /* .carouselTwoText {
        font-size: 30px;
        margin-top: 0%;
        width: 111%;
        margin-left: 39vw;
        font-weight: bold;
    }
    
    .carouselThreeText {
        font-size: 30px;
        margin-top: 0%;
        width: 86%;
        font-weight: bold;
    } */
    /* a.left.carousel-control {
        top: 291px !important;
        margin-left: 75% !important;
        margin-top: 0.7%;
    }

    a.right.carousel-control {
        top: 240px !important;
        margin-right: 112px !important;
        margin-top: 4.5%;
    } */
    div#carouselOne {
        height: 430px;
    }

    div#carouselTwo {
        height: 430px;
    }

    div#carouselThree {
        height: 430px;
    }

    #imgThree {
        margin-right: 5vh !important;
        width: 80% !important;
    }

    a#registerButton {
        margin-left: 5px;
        background: #D600A8;
        color: #FFF;
        border-radius: 8px;
        border: 1px solid #000;
        padding-left: 10px;
        padding-right: 10px;
    }

    a.right.carousel-control {
        top: 283px !important;
        margin-right: 118px !important;
        width: 50px !important;
        background: transparent;
        color: #000 !important;
        margin-top: 9.8%;
    }
}

@media only screen and (max-width: 1419px) {
    div#carouselOne {
        height: 431px;
    }

    div#carouselTwo {
        height: 431px;
    }

    div#carouselThree {
        height: 431px;
    }

    /* a.right.carousel-control {
        top: 263px !important;
        margin-right: 114px !important;
        width: 50px !important;
        background: transparent;
        color: #000 !important;
        margin-top: 9.8%;
    } */
}

@media only screen and (max-width: 1418px) {
    div#carouselOne {
        height: 430px;
    }

    div#carouselTwo {
        height: 432px;
    }

    div#carouselThree {
        height: 430px;
    }

    /* a.right.carousel-control {
        top: 263px !important;
        margin-right: 114px !important;
        width: 50px !important;
        background: transparent;
        color: #000 !important;
        margin-top: 9.8%;
    } */
}

@media only screen and (max-width: 1417px) {
    h3#titleOne {
        width: 140% !important;
    }
}

@media only screen and (max-width: 1416px) {
    #imgThree {
        margin-right: 5vh !important;
        width: 80% !important;
    }

    h3#titleOne {
        width: 147% !important;
    }
}

/* @media only screen and (max-width: 1415px) { */
/* .carouselTwoText {
        font-size: 30px;
        margin-top: 0%;
        width: 109%;
        margin-left: 39vw;
        font-weight: bold;
    }
    
    .carouselThreeText {
        font-size: 30px;
        margin-top: 0%;
        width: 86%;
        font-weight: bold;
    } */

/* .carousel-indicators {
        left: 95vw !important;
        width: 9% !important;
        margin-top: 44px !important;
    }

    a.left.carousel-control {
        top: 293px !important;
        margin-left: 76% !important;
        margin-top: 18.2%;
    }

    a.right.carousel-control {
        top: 244px !important;
        margin-right: 93px !important;
        margin-top: 22.4%;
    }
} */

/* @media only screen and (max-width: 1414px) {
    a.left.carousel-control {
        top: 291px !important;
        margin-left: 75% !important;
        margin-top: 1.2%;
    }

    a.right.carousel-control {
        top: 248px !important;
        margin-right: 109px !important;
        margin-top: 4.4%;
    }
} */

@media only screen and (max-width: 1396px) {
    #imgOne {
        margin-right: -6vh !important;
        width: 60% !important;
        margin-top: 10px;
    }

    /* div#carouselThree {
        height: 241px;
    } */
}

@media only screen and (max-width: 1382px) {
    h3#titleOne {
        margin-top: 0px;
        width: 75%;
    }

    .carouselOneText {
        /* font-size: 1.25em; */
        margin-top: 0%;
        width: 75%;
        font-weight: normal;
    }
}



@media only screen and (max-width: 1378px) {
    h3#titleOne {
        margin-top: 0px;
    }

    h3#titleOne {
        width: 142% !important;
    }

    #imgOne {
        margin-right: -12vh !important;
        width: 64% !important;
        margin-top: 1%;
    }

    div#carouselOne {
        height: 426px;
    }

}

@media only screen and (max-width: 1373px) {
    h3#titleOne {
        width: 146% !important;
    }
}

@media only screen and (max-width: 1361px) {
    h3#titleOne {
        width: 146% !important;
    }
}

@media only screen and (max-width: 1360px) {
    h3#titleOne {
        width: 145% !important;
    }

    #imgOne {
        margin-right: -6vh !important;
        width: 60% !important;
        margin-top: 13%;
    }
}

/* @media only screen and (max-width: 1356px) {
    a.right.carousel-control {
        top: 244px !important;
        margin-right: 93px !important;
        margin-top: 22.7%;
    }

    a.left.carousel-control {
        top: 293px !important;
        margin-left: 75.5% !important;
        margin-top: 15.4%;
    }
} */

/* @media only screen and (max-width: 1355px) {
    a.left.carousel-control {
        top: 298px !important;
        margin-left: 75.5% !important;
        margin-top: 0.4%;
    }

    a.right.carousel-control {
        top: 245px !important;
        margin-right: 107px !important;
        margin-top: 4.7%;
    }

    #imgThree {
        margin-right: 5vh !important;
        width: 83% !important;
    }
} */

@media only screen and (max-width: 1354px) {

    /* a.left.carousel-control {
        top: 295px !important;
        margin-left: 75.5% !important;
        margin-top: -4.6%;
    }

    a.right.carousel-control {
        top: 245px !important;
        margin-right: 104px !important;
        margin-top: 1.6%;
    } */
    div#carouselOne {
        height: 490px;
    }

    div#carouselTwo {
        height: 490px;
    }

    div#carouselThree {
        height: 490px;
    }

    .carousel-indicators {
        left: 95vw !important;
        width: 9% !important;
        margin-top: 7px !important;
    }

    /* a.left.carousel-control {
        width: 50px !important;
        top: 345px !important;
        margin-left: 75.4% !important;
        bottom: 30px !important;
        background: transparent;
        color: #000;
        margin-top: 4.9%;
    }

    a.right.carousel-control {
        top: 255px !important;
        margin-right: 103px !important;
        width: 50px !important;
        background: transparent;
        color: #000 !important;
        margin-top: 9.8%;
    } */

    /* .carouselOneText {
        font-size: 30px;
        margin-top: 0%;
        width: 100%;
        font-weight: bold;
    }
    
    .carouselTwoText {
        font-size: 30px;
        margin-top: 0%;
        width: 100%;
        font-weight: bold;
    }
    
    .carouselThreeText {
        font-size: 30px;
        margin-top: 0%;
        width: 80%;
        font-weight: bold;
    } */
}

/* @media only screen and (max-width: 1352px) {
    a.left.carousel-control {
        top: 249px !important;
        margin-left: 75% !important;
        margin-top: 20px;
    }
} */

/* @media only screen and (max-width: 1350px) {
    a.left.carousel-control {
        top: 302px !important;
        margin-left: 76% !important;
        margin-top: 14.7%;
    }
} */

/* @media only screen and (max-width: 1348px) {
    a.left.carousel-control {
        top: 302px !important;
        margin-left: 75% !important;
        margin-top: -6.3%;
    }
} */
@media only screen and (max-width: 1352px) {
    a.right.carousel-control {
        top: 313px !important;
        margin-right: 107px !important;
        width: 50px !important;
        background: transparent;
        color: #000 !important;
        margin-top: 9.8%;
    }

    a.left.carousel-control {
        width: 50px !important;
        top: 372px !important;
        margin-left: 75.4% !important;
        bottom: 30px !important;
        background: transparent;
        color: #000;
        margin-top: 4.9%;
    }
}

@media only screen and (max-width: 1344px) {
    #imgOne {
        margin-right: -4vw !important;
        width: 60% !important;
        margin-top: 2%;
    }
}

@media only screen and (max-width: 1339px) {
    h3#titleOne {
        width: 148% !important;
    }
}

@media only screen and (max-width: 1327px) {
    #imgOne {
        margin-right: -2vw !important;
        width: 60% !important;
        margin-top: 2%;
    }

    h3#titleOne {
        width: 137% !important;
    }
}

@media only screen and (max-width: 1325px) {
    a#registerButton {
        margin-left: 5px;
        background: #D600A8;
        color: #FFF;
        border-radius: 8px;
        border: 1px solid #000;
        padding: 10px;
        margin-top: 25px;
    }
}

@media only screen and (max-width: 1324px) {
    h3#titleOne {
        width: 151% !important;
    }

    .carouselOneText {
        /* font-size: 1.25em; */
        margin-top: 0%;
        width: 80%;
        font-weight: normal;
    }

}

@media only screen and (max-width: 1321px) {
    #imgOne {
        margin-right: -10vh !important;
        width: 60% !important;
        margin-top: 2%;
    }

    .carousel-indicators {
        left: 95vw !important;
        width: 10% !important;
        margin-top: 7px !important;
    }
}

@media only screen and (max-width: 1318px) {
    h3#titleOne {
        width: 138% !important;
    }
}

@media only screen and (max-width: 1316px) {
    .carouselOneText {
        /* font-size: 1.25em; */
        margin-top: 0%;
        width: 146%;
        font-weight: normal;
    }

    #imgOne {
        margin-right: -8vh !important;
        width: 60% !important;
        margin-top: 13%;
    }
}

@media only screen and (max-width: 1314px) {
    .carousel-indicators {
        left: 95vw !important;
        width: 10% !important;
        margin-top: 7px !important;
    }

    /* .carouselOneText {
        font-size: 30px;
        margin-top: 0%;
        width: 86%;
        font-weight: bold;
    } */
}

@media only screen and (max-width: 1312px) {

    /* a.left.carousel-control {
        top: 316px !important;
        margin-left: 75% !important;
        margin-top: -5.3%;
    }

    a.right.carousel-control {
        top: 251px !important;
        margin-right: 85px !important;
        margin-top: 2.9%;
    } */
    /* a.right.carousel-control {
        top: 255px !important;
        margin-right: 97px !important;
        width: 50px !important;
        background: transparent;
        color: #000 !important;
        margin-top: 9.8%;
    } */

    #imgThree {
        margin-right: 5vh !important;
        width: 91% !important;
    }

    #imgOne {
        margin-right: -4vw !important;
        width: 65% !important;
        margin-top: 2%;
    }

    img#imgTwo {
        width: 80% !important;
        margin-left: -37vw !important;
    }
}

@media only screen and (max-width: 1309px) {
    a.left.carousel-control {
        width: 50px !important;
        top: 375px !important;
        margin-left: 76.3% !important;
        bottom: 30px !important;
        background: transparent;
        color: #000;
        margin-top: 4.9%;
    }

    a.right.carousel-control {
        top: 316px !important;
        margin-right: 97px !important;
        width: 50px !important;
        background: transparent;
        color: #000 !important;
        margin-top: 9.8%;
    }
}

@media only screen and (max-width: 1303px) {
    div#carouselTwo {
        height: 486px;
    }

    #imgOne {
        margin-right: -10vh !important;
        width: 65% !important;
        margin-top: 3%;
    }

    img#imgTwo {
        width: 65% !important;
        margin-left: -37vw !important;
    }

    img#imgThree {
        width: 65% !important;
    }

    /* a.right.carousel-control {
        top: 255px !important;
        margin-right: 90px !important;
        width: 50px !important;
        background: transparent;
        color: #000 !important;
        margin-top: 9.8%;
    } */
}

@media only screen and (max-width: 1293px) {
    h3#titleOne {
        width: 139% !important;
    }

    .carouselOneText {
        /* font-size: 1.25em; */
        margin-top: 0%;
        width: 128%;
        font-weight: normal;
    }

    #imgThree {
        margin-right: 5vh !important;
        width: 80% !important;
    }
}

@media only screen and (max-width: 1280px) {
    .carousel-indicators {
        left: 96vw !important;
        width: 10% !important;
        margin-top: 7px !important;
    }

    img#imageTwo {
        margin-top: 20px;
        margin-right: 3vw !important;
        width: 65% !important;
    }


}

@media only screen and (max-width: 1278px) {
    .carousel-indicators {
        left: 95vw !important;
        width: 10% !important;
        margin-top: 7px !important;
    }
}

/* @media only screen and (max-width: 1279px) {
    a.left.carousel-control {
        top: 302px !important;
        margin-left: 77% !important;
        margin-top: 14.8%;
    }

    a.right.carousel-control {
        top: 255px !important;
        margin-right: 55px !important;
        margin-top: 19%;
    }
} */

/* @media only screen and (max-width: 1278px) {
    a.left.carousel-control {
        top: 298px !important;
        margin-left: 76% !important;
        margin-top: -2.2%;
    }

    a.right.carousel-control {
        top: 251px !important;
        margin-right: 72px !important;
        margin-top: 3%;
    }

    #imgOne {
        margin-right: -10vh !important;
        width: 72% !important;
        margin-top: 8%;
    }
} */

@media only screen and (max-width: 1276px) {
    /* a.right.carousel-control {
        top: 254px !important;
        margin-right: 56px !important;
        margin-top: 19.2%;
    } */

    .carousel-indicators {
        left: 96vw !important;
        width: 10% !important;
        margin-top: 7px !important;
    }

    img#imageTwo {
        margin-top: 20px;
        margin-right: 0vw !important;
        width: 65% !important;
    }

    .carouselTwoText {
        font-size: 1.25em;
        margin-top: 5%;
        width: 100%;
        margin-left: 25vw;
        font-weight: normal;
    }

    /* .carouselOneText {
        font-size: 30px;
        margin-top: 0%;
        width: 86%;
        font-weight: bold;
    } */

    #spanTextOne {
        margin-left: 23% !important;
        margin-top: -3%;
    }

    #spanTextTwo {
        margin-left: 23% !important;
        margin-top: -3%;
    }

    #spanTextThree {
        margin-left: 23% !important;
    }

    #spanTextFour {
        margin-left: 23%;
    }
}

@media only screen and (max-width: 1276px) {
    /* .navbar-nav {
        font-size: 0.9em;
    } */

    #spanTextOne {
        margin-left: 26%;
    }

    #spanTextTwo {
        margin-left: 28%;
    }

    #spanTextThree {
        margin-left: 28%;
    }

    .carousel-indicators {
        left: 95vw !important;
        width: 10% !important;
        margin-top: 7px !important;
    }
}

/* @media only screen and (max-width: 1274px) {
    a.right.carousel-control {
        top: 249px !important;
        margin-right: 72px !important;
        margin-top: 3.2%;
    }
} */
@media only screen and (max-width: 1273px) {
    img#imageTwo {
        margin-top: 20px;
        margin-right: 0vw !important;
        width: 60% !important;
    }
}

@media only screen and (max-width: 1268px) {
    a.right.carousel-control {
        top: 320px !important;
        margin-right: 97px !important;
        width: 50px !important;
        background: transparent;
        color: #000 !important;
        margin-top: 9.8%;
    }
}

@media only screen and (max-width: 1239px) {
    /* a.right.carousel-control {
        top: 249px !important;
        margin-right: 64px !important;
        margin-top: 3.2%;
    } */

    #imgThree {
        margin-right: 5vh !important;
        width: 91% !important;
        margin-top: 19px;
    }
}

@media only screen and (max-width: 1227px) {
    a.left.carousel-control {
        width: 50px !important;
        top: 378px !important;
        margin-left: 76.1% !important;
        bottom: 30px !important;
        background: transparent;
        color: #000;
        margin-top: 4.9%;
    }

    div#carouselTwo {
        height: 489px;
    }

    a.right.carousel-control {
        top: 324px !important;
        margin-right: 83px !important;
        width: 50px !important;
        background: transparent;
        color: #000 !important;
        margin-top: 9.8%;
    }
}

@media only screen and (max-width: 1226px) {
    a.left.carousel-control {
        width: 50px !important;
        top: 375px !important;
        margin-left: 75.9% !important;
        bottom: 30px !important;
        background: transparent;
        color: #000;
        margin-top: 4.9%;
    }

    a.right.carousel-control {
        top: 319px !important;
        margin-right: 82px !important;
        width: 50px !important;
        background: transparent;
        color: #000 !important;
        margin-top: 9.8%;
    }

    div#carouselOne {
        height: 485px;
    }

    div#carouselThree {
        height: 485px;
    }
}

/* @media only screen and (max-width: 1224px) {
    a.right.carousel-control {
        top: 261px !important;
        margin-right: 82px !important;
        width: 50px !important;
        background: transparent;
        color: #000 !important;
        margin-top: 9.8%;
    }
} */

@media only screen and (max-width: 1203px) {
    /* .navbar-nav {
        font-size: 0.9em;
    } */
}

@media only screen and (max-width: 1199px) {
    /* .carouselTwoText {
        font-size: 30px;
        margin-top: 0%;
        width: 36%;
        font-weight: bold;
    } */

    .carousel-indicators {
        left: 85vw !important;
        width: 12% !important;
        margin-top: 7px !important;
    }

    h3#titleSecond {
        margin-left: 0% !important;
        margin-top: 0%;
        font-size: 32px;
        width: 86% !important;
    }

    #carouselTwo {
        margin-left: 10% !important;
    }

    div#carouselTwo {
        height: 486px;
    }

    a.left.carousel-control {
        width: 50px !important;
        top: 380px !important;
        margin-left: 73.2% !important;
        bottom: 30px !important;
        background: transparent;
        color: #000;
        margin-top: 4.9%;
    }

    a.right.carousel-control {
        top: 330px !important;
        margin-right: 68px !important;
        width: 50px !important;
        background: transparent;
        color: #000 !important;
        margin-top: 9.8%;
    }

    /* 
    a.left.carousel-control {
        top: 352px !important;
        margin-left: 72.8% !important;
        margin-top: -13.8%;
    }

    a.right.carousel-control {
        top: 302px !important;
        margin-right: 59px !important;
        margin-top: -3.8%;
    }
 */
    .carouselTwoText {
        margin-left: 23.5vw;
    }

    h3#titleOne {
        font-size: 32px;
        width: 118% !important;
    }

    h3#titleTwo {
        width: 100% !important;
        margin-left: 31vw !important;
        font-size: 32px;
    }

    h3#titleThree {

        font-size: 32px;
    }

    .carouselThreeText {
        width: 360px;
    }

    a#findOutMoreBtn {
        margin-left: 28vw;
    }


    .carouselThreeText {
        /* font-size: 1em; */
        margin-top: 0%;
        width: 100%;
        font-weight: normal;
        margin-left: -13%;
    }

    .carouselOneText {
        /* font-size: 1em; */
        margin-top: 0%;
        width: 146%;
        font-weight: normal;
    }

    /* .carouselTwoText {
        font-size: 1em;
        margin-top: 0%;
        width: 100%;
        margin-left: 30vw;
        font-weight: normal;
    } */

    #imgOne {
        margin-right: 3vw !important;
        width: 72% !important;
        margin-top: 2%;
    }

    img#imageTwo {
        margin-top: 20px;
        margin-right: 14vw !important;
        width: 65% !important;
    }
}

@media only screen and (max-width: 1198px) {
    /* .navbar-nav {
        font-size: 0.7em;
    } */

    h3#titleOne {
        width: 116% !important;
        font-size: 32px;
    }

    h3#titleTwo {
        width: 100% !important;
        margin-left: 30vw !important;
        font-size: 32px;
    }

    h3#titleThree {
        margin-top: 0px;
        font-size: 32px;
    }

    .carouselTwoText {
        margin-top: 0%;
        width: 100%;
        margin-left: 23vw !important;
        font-weight: normal;
    }

    #imgOne {
        margin-right: 2vw !important;
        width: 72% !important;
        margin-top: 3%;
    }

    img#imgTwo {
        width: 72% !important;
        margin-left: -40vw !important;
        margin-top: 10px;
    }

    img#imgThree {
        width: 72% !important;
        margin-top: 10px;
    }

    div#carouselOne {
        height: 483px;
    }

    div#carouselTwo {
        height: 483px;
    }

    div#carouselThree {
        height: 483px;
    }

    /* .carouselOneText {
        font-size: 30px;
        margin-top: 0%;
        width: 80%;
        font-weight: bold;
    }
    
    .carouselTwoText {
        font-size: 30px;
        margin-top: 0%;
        width: 31%;
        font-weight: bold;
    } */

    div#carouselTwo {
        width: 45% !important;
    }

    /* a.left.carousel-control {
        width: 50px !important;
        top: 350px !important;
        margin-left: 76.4% !important;
        bottom: 30px !important;
        background: transparent;
        color: #000;
        margin-top: 4.9%;
    } */

    /* .carouselThreeText {
        font-size: 30px;
        margin-top: 0%;
        width: 66%;
        font-weight: bold;
    } */

    /* a.left.carousel-control {
        top: 352px !important;
        margin-left: 72.8% !important;
        margin-top: -13.8%;
    }

    a.right.carousel-control {
        top: 302px !important;
        margin-right: 59px !important;
        margin-top: -3.8%;
    } */

    .carouselTwoText {
        margin-left: 29.5vw;
    }

    h3#titleTwo {
        width: 100% !important;
        margin-left: 30vw !important;
    }

    .carousel-indicators {
        left: 85vw !important;
        width: 12% !important;
        margin-top: 7px !important;
    }

    /* 
    a.right.carousel-control {
        top: 269px !important;
        margin-right: 41px !important;
        width: 50px !important;
        background: transparent;
        color: #000 !important;
        margin-top: 9.8%;
    } */
    a.left.carousel-control {
        width: 50px !important;
        top: 378px !important;
        margin-left: 73.7% !important;
        bottom: 30px !important;
        background: transparent;
        color: #000;
        margin-top: 4.9%;
    }

    a.right.carousel-control {
        top: 328px !important;
        margin-right: 70px !important;
        width: 50px !important;
        background: transparent;
        color: #000 !important;
        margin-top: 9.8%;
    }
}

@media only screen and (max-width: 1196px) {
    .carouselOneText {
        /* font-size: 1em; */
        margin-top: 0%;
        width: 100%;
        font-weight: normal;
    }
}

@media only screen and (max-width: 1194px) {
    h3#titleTwo {
        width: 100% !important;
        margin-left: 30.5vw !important;
    }
}

/* @media only screen and (max-width: 1181px) {
    .carousel-indicators {
        left: 86vw !important;
        width: 12% !important;
        margin-top: 7px !important;
    }

    a.right.carousel-control {
        top: 303px !important;
        margin-right: 58px !important;
        margin-top: 15.3%;
    }
} */

/* @media only screen and (max-width: 1180px) {
    a.right.carousel-control {
        top: 303px !important;
        margin-right: 68px !important;
        margin-top: -3.7%;
    }
} */

@media only screen and (max-width: 1178px) {
    .carousel-indicators {
        left: 86vw !important;
        width: 12% !important;
        margin-top: 7px !important;
    }
}


@media only screen and (max-width: 1155px) {
    .carousel-indicators {
        left: 88.5vw !important;
        width: 12% !important;
        margin-top: 7px !important;
    }
}

@media only screen and (max-width: 1149px) {
    img#imgTwo {
        width: 80% !important;
        margin-left: -45vw !important;
    }
}

@media only screen and (max-width: 1136px) {
    .carousel-indicators {
        left: 90vw !important;
        width: 12% !important;
        margin-top: 7px !important;
    }
}

/* @media only screen and (max-width: 1123px) {
    div#LoginContainer {
        border: 1px solid black;
        margin-bottom: 20px;
        padding-bottom: 30px;
        margin-left: -30%;
    }
} */

@media only screen and (max-width: 1122px) {
    /* .carousel-indicators {
        left: 92vw !important;
        width: 14% !important;
        margin-top: 7px !important;
    } */

    h3#titleTwo {
        width: 100% !important;
        margin-left: 32.5vw !important;
    }

    .carouselTwoText {
        margin-top: 0%;
        width: 100%;
        margin-left: 25vw !important;
        font-weight: normal;
    }

    a#findOutMoreBtn {
        margin-left: 30vw;
    }
}

@media only screen and (max-width: 1116px) {
    .carousel-indicators {
        left: 92vw !important;
        width: 12% !important;
        margin-top: 7px !important;
    }
}

@media only screen and (max-width: 1105px) {
    .carousel-indicators {
        left: 94vw !important;
        width: 14% !important;
        margin-top: 7px !important;
    }
}



@media only screen and (max-width: 1098px) {
    /* .carouselOneText {
        font-size: 30px;
        margin-top: 0%;
        width: 78%;
        font-weight: bold;
    } */

    .carousel-indicators {
        left: 95.5vw !important;
        width: 12% !important;
        margin-top: 7px !important;
    }
}

@media only screen and (max-width: 1097px) {
    .carousel-indicators {
        left: 92.5vw !important;
        width: 12% !important;
        margin-top: 7px !important;
    }

    a.right.carousel-control {
        top: 328px !important;
        margin-right: 74px !important;
        width: 50px !important;
        background: transparent;
        color: #000 !important;
        margin-top: 9.8%;
    }
}

@media only screen and (max-width: 1086px) {
    .carousel-indicators {
        left: 94vw !important;
        width: 12% !important;
        margin-top: 7px !important;
    }
}

@media only screen and (max-width: 1085px) {
    h3#titleTwo {
        width: 100% !important;
        margin-left: 34.5vw !important;
    }

    .carouselTwoText {
        margin-top: 0%;
        width: 100%;
        margin-left: 26.5vw !important;
        font-weight: normal;
    }

    a#findOutMoreBtn {
        margin-left: 32vw;
    }

    .carousel-indicators {
        left: 95vw !important;
        width: 12% !important;
        margin-top: 7px !important;
    }
}

@media only screen and (max-width: 1076px) {
    .carousel-indicators {
        left: 95vw !important;
        width: 12% !important;
        margin-top: 7px !important;
    }
}

/* @media only screen and (max-width: 1080px) {
    .carousel-indicators {
        left: 94vw !important;
        width: 12% !important;
        margin-top: 7px !important;
    }
}

@media only screen and (max-width: 1072px) {
    .carousel-indicators {
        left: 95vw !important;
        width: 12% !important;
        margin-top: 7px !important;
    }
} */

/* @media only screen and (max-width: 1066px) {
    h3#titleOne {
        width: 145% !important;
    }

    #imgOne {
        margin-right: -10vh !important;
        width: 72% !important;
        margin-top: 1%;
    }

    div#carouselOne {
        height: 251px;
    }

    .carousel-indicators {
        left: 96vw !important;
        width: 12% !important;
        margin-top: 7px !important;
    }
} */
@media only screen and (max-width: 1065px) {
    /* .carousel-indicators {
        left: 98vw !important;
        width: 12% !important;
        margin-top: 7px !important;
    } */

    h3#titleTwo {
        width: 100% !important;
        margin-left: 36.5vw !important;
    }

    .carouselTwoText {
        margin-top: 0%;
        width: 100%;
        margin-left: 28.5vw !important;
        font-weight: normal;
    }

    a#findOutMoreBtn {
        margin-left: 34vw;
    }
}

@media only screen and (max-width: 1055px) {
    .carousel-indicators {
        left: 96vw !important;
        width: 12% !important;
        margin-top: 7px !important;
    }
}

@media only screen and (max-width: 1054px) {
    .carousel-indicators {
        left: 97vw !important;
        width: 12% !important;
        margin-top: 7px !important;
    }

    /* .carouselOneText {
        font-size: 30px;
        margin-top: 0%;
        width: 72%;
        font-weight: bold;
    } */

    h3#titleOne {
        margin-top: 0px;
        font-size: 1.5em;
        width: 67%;
    }
}

@media only screen and (max-width: 1049px) {
    img#imgTwo {
        width: 80% !important;
        margin-left: -47vw !important;
    }

    h3#titleThree {
        margin-top: 0px;
        font-size: 32px;
        margin-left: 3.8vw !important;
    }

    #imgOne {
        margin-right: -10vh !important;
        width: 72% !important;
        margin-top: 16%;
    }
}

@media only screen and (max-width: 1045px) {
    h3#titleOne {
        margin-top: 0px;
        font-size: 32px;
        width: 67%;
    }

    #imgOne {
        margin-right: 2vw !important;
        width: 72% !important;
        margin-top: 2%;
    }

    h3#titleThree {
        margin-top: 0px;
        font-size: 32px;
        margin-left: 3.8vw !important;
    }

    .carousel-indicators {
        left: 100vw !important;
        width: 12% !important;
        margin-top: 7px !important;
    }
}

@media only screen and (max-width: 1039px) {
    /* div#LoginContainer {
        border: 1px solid black;
        margin-bottom: 20px;
        padding-bottom: 30px;
        margin-left: -37%;
    } */

    .carousel-indicators {
        left: 100.5vw !important;
        width: 12% !important;
        margin-top: 7px !important;
    }
}

@media only screen and (max-width: 1034px) {
    .carousel-indicators {
        left: 98.5vw !important;
        width: 12% !important;
        margin-top: 7px !important;
    }
}

@media only screen and (max-width: 1025px) {

    .carouselOneText {
        font-size: 1em;
        margin-top: 0%;
        width: 105%;
        font-weight: normal;
    }

    .carouselTwoText {
        font-size: 1em;
        margin-top: 0%;
        width: 100%;
        margin-left: 28.5vw !important;
        font-weight: normal;
    }

    #imgOne {
        margin-right: 3vh !important;
        width: 80% !important;
        margin-top: 0%;
    }

    h3#titleOne {
        width: 106% !important;
    }

    a#opportunitiesBtn {
        width: 200px;
        padding-left: 20px;
        padding-right: 20px;
        font-size: 16px;
        margin-left: 10% !important;
        margin-top: -11px;
    }
}

@media only screen and (max-width: 1024px) {
    ul.nav.navbar-nav {
        width: 23%;
    }

    img#logoOne {
        width: 200px;
        margin-left: -103%;
    }

    img#logoTwo {
        width: 200px;
        margin-left: -57%;
    }

    img#logoThree {
        width: 200px;
        margin-left: -34%;
    }

    img#logoFour {
        width: 200px;
        margin-left: -19%;
    }

    p#homepageText {
        width: 100%;
    }

    h3#titleSecond {
        margin-left: 0% !important;
        margin-top: 0%;
        font-size: 1.3em;
        width: 86% !important;
    }

    .glyphicon-chevron-left:before {
        content: "\e079";
        margin-left: 10px;
    }

    a.left.carousel-control {
        top: 261px !important;
        margin-left: 71.2% !important;
        margin-top: 7.3%;
    }

    a.right.carousel-control {
        top: 242px !important;
        margin-right: 102px !important;
        margin-top: 9%;
    }

    .carousel-indicators {
        width: 16%;
        margin-top: 6px;
    }

    .carousel-item {
        width: 222px;
        font-size: 18px;
    }

    a#opportunitiesBtn {
        width: 200px;
        padding-left: 20px;
        padding-right: 20px;
        font-size: 16px;
        margin-left: 10%;
    }

    a#findOutMoreBtn {
        margin-left: 31.5vw;
        margin-top: 1px !important;
    }

    a#ourWorkBtn {
        padding-left: 20px;
        padding-right: 20px;
        font-size: 18px;
    }



    /* li#login-btn {
            width: 200px;
            padding-right: 80px;
        } */

    img#jobImage {
        width: 100% !important;
    }

    /* .carouselOneText {
        width: 70%;
        margin-left: -20%;
        font-size: 24px;
    } */
    div#carouselOne {
        height: 359px;
    }

    .carouselOneText {
        font-size: 1em;
        margin-top: 0%;
        width: 65%;
        font-weight: normal;
    }

    #carouselOne {
        width: 40% !important;
    }

    .carouselTwoText {
        font-size: 1em;
        margin-top: 0%;
        width: 100%;
        margin-left: 25.4vw !important;
        font-weight: normal;
    }

    div#carouselTwo {
        margin-left: 13% !important;
        width: 35% !important;
        height: 360px;
    }

    .carouselThreeText {
        margin-top: 0%;
        width: 100%;
        font-weight: normal;
        margin-left: -53px;
        font-size: 1em;
    }

    a#ourWorkBtn {
        margin-left: 1vw;
    }

    div#carouselThree {
        width: 40% !important;
        height: 360px !important;
    }

    /* 
    .navbar-nav {
        float: right;
        width: 71%;
        margin-bottom: 0%;
    } */

    .islington-logo {
        width: 220px;
        padding: 0px 0;
    }

    a#dropdownOne {
        background: transparent !important;
    }

    a#dropdownTwo {
        background: transparent !important;
    }

    a#dropdownThree {
        background: transparent !important;
    }

    .circleStatOne {
        margin-bottom: 15%;
        margin-top: 5%;
    }

    .circleStatTwo {
        margin-bottom: 15%;
        margin-top: 8%;
    }

    .circleStatFour {
        margin-top: 14%;
    }

    #spanTextOne {
        margin-left: 26%;
        margin-top: -36px;
    }

    #spanTextTwo {
        margin-left: 26%;
        margin-top: -36px;
    }

    #spanTextThree {
        margin-left: 27%;
        margin-top: -32px;
    }

    #spanTextFour {
        margin-left: 23%;
        margin-top: -3%;
    }

    /* a#registerButton {
        margin-left: 5px;
        background: #D600A8;
        color: #FFF;
        border-radius: 8px;
        margin-top: 26px;
        border: 1px solid #000;
        padding: 10px;
    } */
    /* .navbar-nav {
        float: right;
        width: 91%;
        margin-bottom: 0%;
        font-size: 12px;
    } */

    a#loginOne {
        padding: 10px;
        margin-top: 26px;
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    h2.statsText {
        margin-top: 20px !important;
        margin-bottom: 50px !important;
    }

    /* a#findOutMoreBtn {
        margin-left: 30vw;
    } */

    p#jobsText {
        font-size: 36px;
        margin-top: 0%;
        color: grey;
        font-weight: normal;
        margin-left: -3% !important;
    }
    img#jobImage {
        width: 90%;
        margin-top: 9%;
        mix-blend-mode: multiply;
        margin-left: 0%;
    }

    h3#titleTwo {
        width: 100% !important;
        margin-left: 34vw !important;
        font-size: 24px;
    }

    h3#titleThree {
        margin-top: 0px;
        font-size: 1.5em;
        margin-left: -20px;
    }

    #imgOne {
        margin-right: 9vw !important;
        margin-top: 0%;
        width: 70% !important;
    }

    img#imgTwo {
        margin-left: -55vw !important;
        width: 88% !important;
    }

    /* a#findOutMoreBtn {
        margin-left: 35vw;
        margin-top: 1px !important;
    } */

    .carousel-indicators {
        left: 96.5vw !important;
        width: 12% !important;
        margin-top: 19px !important;
    }

    h3#titleOne {
        margin-top: 0px;
        font-size: 1.3em;
        width: 67%;
    }

    h3#titleThree {
        margin-top: 0px;
        font-size: 1.3em;
        margin-left: -20px;
    }

    #firstContainer {
        width: 100% !important;
    }

    #secondContainer {
        width: 100% !important;
    }

    #thirdContainer {
        width: 100% !important;
    }

    .jobsText {
        margin-left: 0% !important;
    }
}

@media only screen and (max-width: 1023px) {
    a.left.carousel-control {
        top: 263px !important;
        margin-left: 72% !important;
        margin-top: 7%;
    }

    a.right.carousel-control {
        top: 242px !important;
        margin-right: 88px !important;
        margin-top: 9%;
    }

    #imgThree {
        margin-right: 5vh !important;
        width: 80% !important;
        margin-top: 19px;
    }

    #imgOne {
        margin-right: 2vh !important;
        margin-top: 2%;
        width: 80% !important;
    }

    #carouselOne {
        width: 40% !important;
        height: 282px;
    }

    .carousel-indicators {
        left: 97.5vw !important;
        width: 12% !important;
        margin-top: 19px !important;
    }
}

@media only screen and (max-width: 1022px) {

    /* .carouselTwoText {
        font-size: 24px;
        margin-top: 0%;
        width: 135%;
        margin-left: 47vw;
        font-weight: bold;
    } */
    .carousel-indicators {
        left: 99.5vw !important;
        width: 12% !important;
        margin-top: 19px !important;
    }

    h3#titleTwo {
        width: 100% !important;
        margin-left: 36vw !important;
    }

    .carouselTwoText {
        font-size: 1em;
        margin-top: 0%;
        width: 340px;
        margin-left: 27vw;
        font-weight: normal;
    }

    a#findOutMoreBtn {
        margin-left: 33vw;
        margin-top: 2px !important;
    }

    /* div#carouselThree {
        width: 40% !important;
        height: 284px !important;
    } */
}

@media only screen and (max-width: 1005px) {
    .carousel-indicators {
        left: 99vw !important;
        width: 13% !important;
        margin-top: 7px !important;
    }

    /* h2.liftFuturesHeading {
        margin-top: 92px !important;
    } */

    div#carouselOne {
        height: 373px;
    }

    div#carouselTwo {
        margin-left: 13% !important;
        width: 35% !important;
        height: 373px;
    }

    div#carouselThree {
        width: 40% !important;
        height: 373px !important;
    }

    .carouselTwoText {
        font-size: 1em;
        margin-top: 0%;
        width: 100%;
        margin-left: 27.3vw !important;
        font-weight: normal;
    }

    /* a.left.carousel-control {
        top: 255px !important;
        margin-left: 72% !important;
        margin-top: 7%;
    }

    a.right.carousel-control {
        top: 205px !important;
        margin-right: 74px !important;
        margin-top: 12%;
    } */

}

@media only screen and (max-width: 1001px) {
    .carousel-indicators {
        left: 101vw !important;
        width: 12% !important;
        margin-top: 7px !important;
    }

    .carouselTwoText {
        font-size: 1em;
        margin-top: 0%;
        width: 100%;
        margin-left: 26.5vw;
        font-weight: normal;
    }

    a#findOutMoreBtn {
        margin-left: 32.5vw !important;
    }

    h3#titleTwo {
        width: 100% !important;
        margin-left: 36vw !important;
    }

    /* div#carouselTwo {
        height: 284px !important;
    } */
}



@media only screen and (max-width: 998px) {
    div#carouselTwo {
        margin-left: 10% !important;
        width: 35% !important;
    }

    .carouselTwoText {
        font-size: 1em;
        margin-top: 0%;
        width: 350px;
        margin-left: 30vw;
        font-weight: normal;
    }

}

@media only screen and (max-width: 997px) {
    h3#titleTwo {
        width: 100% !important;
        margin-left: 36vw !important;
    }

    /* div#carouselTwo {
        height: 283px !important;
    } */

    .carouselTwoText {
        font-size: 1em;
        margin-top: 0%;
        width: 350px;
        margin-left: 29vw;
        font-weight: normal;
    }

    a#findOutMoreBtn {
        margin-left: 33.5vw !important;
    }
}

@media only screen and (max-width: 995px) {
    #imgOne {
        margin-right: 8vw !important;
        margin-top: 2%;
        width: 70% !important;
    }

    img#imgTwo {
        margin-left: -47vw !important;
        width: 70% !important;
    }

    /* #carouselOne {
        width: 40% !important;
        height: 284px !important;
    } */

    #imgThree {
        margin-right: 18vh !important;
        width: 70% !important;
        margin-top: 19px;
    }
}

/* @media only screen and (max-width: 996px) {
    h3#titleOne {
        margin-top: -30px;
        font-size: 1.25em;
        width: 67%;
    }

    h3#titleTwo {
        width: 350px !important;
        margin-left: 30vw !important;
    }

    #carouselOne {
        width: 40% !important;
        height: 340px !important;
    }

    #carouselTwo {
        height: 340px !important;
    }
} */

@media (max-width:992px) {
    .carousel-indicators {
        width: 23%;
        margin-top: 6px;
    }

    /* h3#titleOne {
        margin-top: -30px;
        font-size: 1.25em;
        width: 67%;
    }

    h3#titleOne {
        margin-top: -30px;
        font-size: 1em;
        width: 67%;
    } */
    /* 
    h3#titleTwo {
        margin-left: 30vw !important;
        width: 390px !important;
        font-size: 1.25em;
    } */
}

@media only screen and (max-width: 992px) {
    #imgOne {
        margin-right: 12vh !important;
        margin-top: 1%;
        width: 70% !important;
    }
}

@media only screen and (max-width: 991px) {
    .carouselOneText {
        width: 66%;
        margin-left: -1%;
        font-size: 1em;
    }

    .carouselTwoText {
        font-size: 1em;
        margin-top: 0%;
        width: 138%;
        margin-left: -22.5vw !important;
        font-weight: normal;
    }

    h3#titleTwo {
        margin-left: 23vw !important;
        width: 384px !important;
        font-size: 1em !important;
    }

    .carouselThreeText {
        font-size: 1em !important;
        margin-top: 0%;
        width: 55% !important;
        font-weight: normal;
        margin-left: 6%;
    }

    a#ourWorkBtn {
        margin-left: 3vw;
    }

    a#opportunitiesBtn {
        width: 200px;
        padding-left: 20px;
        padding-right: 20px;
        font-size: 16px;
        margin-left: -9px;
    }

    .carousel-indicators {
        left: 79vw !important;
        width: 16% !important;
        margin-top: 7px !important;
    }

    a.right.carousel-control {
        top: 287px !important;
        margin-right: 16px !important;
        margin-top: 26.2%;
    }

    a.left.carousel-control {
        top: 336px !important;
        margin-left: 72.9% !important;
        margin-top: 20%;
    }

    /* .navbar-nav {
        width: 74%;
        margin-top: -7%;
    } */

    a#findOutMoreBtn {
        margin-left: 22.5vw !important;
    }

    h3#titleThree {
        margin-top: -30px;
        font-size: 1.25em;
        margin-left: 32px;
    }

    div#carouselOne {
        height: 554px !important;
    }

    div#carouselTwo {
        height: 554px !important;
    }

    div#carouselThree {
        height: 554px !important;
    }

    h3#titleSecond {
        margin-top: 0px;
        font-size: 1.25em;
        margin-left: 0px;
    }

    p.carouselSecondText {
        width: 80%;
    }

    img#imageTwo {
        margin-top: 20px;
        margin-right: 27vw !important;
        width: 50% !important;
    }
}

@media only screen and (max-width: 991px) {
    h3#titleOne {
        margin-top: 0px;
        font-size: 1.25em;
        width: 96% !important;
        margin-left: 0%;
    }

    /* div#carouselOne {
        height: 407px !important;
    } */

    h3#titleTwo {
        width: 100% !important;
        margin-left: 24vw !important;
        font-size: 1.25em;
    }

    .carouselTwoText {
        font-size: 1em;
        margin-top: 0%;
        width: 138%;
        margin-left: 24vw;
        font-weight: normal;
    }

    h3#titleThree {
        margin-top: 0px;
        font-size: 1.25em;
        margin-left: 0px;
    }

    .carouselThreeText {
        font-size: 1em;
        margin-top: 0%;
        width: 55%;
        font-weight: normal;
        margin-left: 0%;
    }

    a#ourWorkBtn {
        margin-left: 0vw;
        margin-top: -20px;
    }

    a#findOutMoreBtn {
        margin-left: -11vw !important;
    }

    a#opportunitiesBtn {
        width: 200px;
        padding-left: 20px;
        padding-right: 20px;
        font-size: 16px;
        margin-left: 0px !important;
    }

    #imgOne {
        margin-right: 22vw !important;
        margin-top: 0%;
        width: 50% !important;
    }

    #carouselOne {
        width: 40% !important;
        height: 403px;
    }

    /* a.left.carousel-control {
        top: 299px !important;
        margin-left: 71% !important;
        margin-top: 20%;
    }

    a.right.carousel-control {
        top: 219px !important;
        margin-right: 16px !important;
        margin-top: 26.2%;
    } */

    h3#titleTwo {
        width: 100% !important;
        margin-left: -8vw !important;
        font-size: 1em;
    }

    .carouselTwoText {
        font-size: 1em;
        margin-top: 0%;
        width: 138%;
        margin-left: -22.5vw;
        font-weight: normal;
    }

    .carouselOneText {
        width: 66%;
        margin-left: 0%;
        font-size: 1em;
    }

    /* 
    div#carouselTwo {
        height: 403px !important;
    } */

    img#imgTwo {
        margin-left: 11vw !important;
        width: 50% !important;
    }

    .carouselThreeText {
        font-size: 1em;
        margin-top: 0%;
        width: 100% !important;
        font-weight: normal;
        margin-left: -18%;
    }

    img#imgThree {
        width: 50% !important;
        margin-top: 10px;
        margin-right: 19vw !important;
    }

    p.carouselSecondText {
        width: 80%;
        font-size: 1em;
    }

    a#findOutMoreButton {
        margin-left: -4%;
        margin-top: -20px;
    }
}

/* @media only screen and (max-width: 982px) {


    a#findOutMoreBtn {
        margin-left: 34vw !important;
    }
} */
/* @media only screen and (max-width: 990px) {
    div#carouselOne {
        height: 400px !important;
    }
} */

@media only screen and (max-width: 989px) {
    #imgOne {
        margin-right: 16vw !important;
        margin-top: 0%;
        width: 50% !important;
    }
}

@media only screen and (max-width: 980px) {
    #imgOne {
        margin-right: 18vw !important;
        margin-top: 0%;
        width: 50% !important;
    }

    #imgThree {
        margin-right: 15vh !important;
        width: 50% !important;
        margin-top: 19px;
    }

    h3#titleThree {
        margin-top: 0px;
        font-size: 1em;
        margin-left: 0px;
    }
}

@media only screen and (max-width: 974px) {
    .carousel-indicators {
        left: 81vw !important;
        width: 16% !important;
        margin-top: 4px !important;
    }
}

/* @media (max-width:970px) {
    a.left.carousel-control {
        top: 298px !important;
        margin-left: 72% !important;
    }

    a.right.carousel-control {
        top: 250px !important;
        margin-right: 6px !important;
    }
} */

@media only screen and (max-width: 969px) {
    #imgThree {
        margin-right: 21vh !important;
        width: 50% !important;
        margin-top: 19px;
    }
}

@media only screen and (max-width: 968px) {
    #spanTextOne {
        margin-left: 30% !important;
        margin-top: -36px;
    }

    #spanTextTwo {
        margin-left: 30% !important;
        margin-top: -36px;
    }

    #spanTextThree {
        margin-left: 30% !important;
        margin-top: -36px;
    }

    #spanTextFour {
        margin-left: 30%;
        margin-top: -3%;
    }
}

/* @media only screen and (max-width: 954px) {
    .carousel-indicators {
        left: 83vw !important;
        width: 16% !important;
        margin-top: 4px !important;
    }

    h3#titleOne {
        margin-top: -30px;
        font-size: 1.25em;
        width: 56%;
    }

    a.left.carousel-control {
        top: 298px !important;
        margin-left: 73% !important;
    }

    a.right.carousel-control {
        top: 250px !important;
        margin-right: -6px !important;
        margin-top: 26.5%;
    }
} */
@media only screen and (max-width: 947px) {
    .carousel-indicators {
        left: 83vw !important;
        width: 16% !important;
        margin-top: 4px !important;
    }
}

@media only screen and (max-width: 937px) {
    .carousel-indicators {
        left: 84vw !important;
        width: 16% !important;
        margin-top: 4px !important;
    }

    /* .carouselThreeText {
        font-size: 24px;
        margin-top: 0%;
        width: 53%;
        font-weight: bold;
        margin-left: 0%;
    } */

    a#ourWorkBtn {
        margin-left: 0vw;
    }

    a.left.carousel-control {
        top: 332px !important;
        margin-left: 74% !important;
        margin-top: 20.2%;
    }

    a.right.carousel-control {
        top: 285px !important;
        margin-right: 14px !important;
        margin-top: 26.2%;
    }

    /* 
    a.right.carousel-control {
        top: 253px !important;
        margin-right: -12px !important;
        margin-top: 26.3%;
    } */
}

/* @media only screen and (max-width: 931px) {
    a.right.carousel-control {
        top: 250px !important;
        margin-right: -10px !important;
    }
} */
@media only screen and (max-width: 922px) {

    /* a.left.carousel-control {
        top: 293px !important;
        margin-left: 74% !important;
        margin-top: 20.2%;
    }

    a.right.carousel-control {
        top: 217px !important;
        margin-right: -4px !important;
        margin-top: 26.2%;
    } */
    a.left.carousel-control {
        top: 338px !important;
        margin-left: 74% !important;
        margin-top: 20.2%;
    }

    a.right.carousel-control {
        top: 291px !important;
        margin-right: 9px !important;
        margin-top: 26.2%;
    }

    .carousel-indicators {
        left: 86vw !important;
        width: 16% !important;
        margin-top: 4px !important;
    }

    div#carouselOne {
        height: 560px !important;
    }

    div#carouselTwo {
        height: 560px !important;
    }

    div#carouselThree {
        height: 560px !important;
    }
}

@media only screen and (max-width: 919px) {
    .carousel-indicators {
        left: 87vw !important;
        width: 16% !important;
        margin-top: 4px !important;
    }

    /* a.right.carousel-control {
        top: 249px !important;
        margin-right: -14px !important;
        margin-top: 26.8%;
    }
} */
}

@media only screen and (max-width: 913px) {
    .carousel-indicators {
        left: 89vw !important;
        width: 16% !important;
        margin-top: 4px !important;
    }

    a.left.carousel-control {
        top: 298px !important;
        margin-left: 76% !important;
    }

    /* a.right.carousel-control {
        top: 249px !important;
        margin-right: -19px !important;
    } */

    /* h2.liftFuturesHeading {
            padding-top: 50px !important;
        } */

    #imgThree {
        margin-right: 13vh !important;
        width: 50% !important;
        margin-top: 19px;
    }

    #imgOne {
        margin-right: 14vh !important;
        margin-top: 0%;
        width: 50% !important;
    }

    a.left.carousel-control {
        top: 337px !important;
        margin-left: 77% !important;
    }

    a.right.carousel-control {
        top: 291px !important;
        margin-right: -11px !important;
        margin-top: 26.2%;
    }
}

@media only screen and (max-width: 912px) {
    .carouselTwoText {
        font-size: 1em;
        margin-top: 0%;
        width: 138%;
        margin-left: -23.7vw !important;
        font-weight: normal;
    }

    h3#titleSecond {
        margin-left: -8% !important;
        margin-top: 0%;
        font-size: 1em;
        width: 81% !important;
    }

    .carouselThreeText {
        font-size: 1em;
        margin-top: 0%;
        width: 100% !important;
        font-weight: normal;
        margin-left: -19%;
    }

    p.carouselSecondText {
        margin-left: -7.5%;
        font-size: 1em;
    }

    a#findOutMoreButton {
        margin-left: -12%;
        margin-top: -20px;
    }

    img#imageTwo {
        margin-top: 20px;
        margin-right: 31vw !important;
        width: 50% !important;
    }

    img#imgThree {
        width: 50% !important;
        margin-top: 10px;
        margin-right: 27vw !important;
    }
}

/* @media only screen and (max-width: 912px) {
    .carousel-indicators {
        width: 16%;
        margin-top: 4px;
        margin-left: -35%;
    }

    a.left.carousel-control {
        top: 297px !important;
        margin-left: 70% !important;
    }

    a.right.carousel-control {
        top: 249px !important;
        margin-right: 12px !important;
    }

    h3#titleTwo {
        width: 311px !important;
        margin-left: 36vw !important;
        font-size: 1.25em;
    }

    .carouselTwoText {
        font-size: 1em;
        margin-top: 0%;
        width: 138%;
        margin-left: 36vw;
        font-weight: normal;
    }

    a#findOutMoreBtn {
        margin-left: 36vw !important;
    }

   

    div#carouselTwo {
        width: 50% !important;
    }

    
} */

/* @media only screen and (max-width: 911px) {   

    .carousel-indicators {
        left: 89vw !important;
        width: 16% !important;
        margin-top: 4px !important;
    }

    a.left.carousel-control {
        top: 259px !important;
        margin-left: 71% !important;
        margin-top: 25.4%;
    }

    a.right.carousel-control {
        top: 211px !important;
        margin-right: 7px !important;
        margin-top: 32%;
    }

    .carouselTwoText {
        font-size: 1em;
        margin-top: 0%;
        width: 138%;
        margin-left: 36vw;
        font-weight: normal;
    }

    h3#titleTwo {
        width: 291px !important;
        margin-left: 36vw !important;
        font-size: 1.25em;
    }

    a#findOutMoreBtn {
        margin-left: 36vw !important;
    }
} */
@media only screen and (max-width: 909px) {
    .carouselTwoText {
        font-size: 1em;
        margin-top: 0%;
        width: 138%;
        margin-left: -24.1vw !important;
        font-weight: normal;
    }

    a#findOutMoreButton {
        margin-left: -11%;
        width: 200px;
        padding-left: 20px;
        padding-right: 20px;
        font-size: 16px;
    }

    h3#titleSecond {
        margin-left: -8% !important;
        margin-top: 0%;
        font-size: 1em;
        width: 83% !important;
    }

    /* a.right.carousel-control {
        top: 249px !important;
        margin-right: -21px !important;
    } */
}

/* @media only screen and (max-width: 905px) {
    .navbar-nav {
        width: 76%;
        margin-top: -7%;
    }
} */

@media only screen and (max-width: 904px) {
    #imgOne {
        margin-right: 18vw !important;
        margin-top: 0%;
        width: 50% !important;
    }
}

/* @media only screen and (max-width: 901px) {
    a#findOutMoreBtn {
        margin-left: 38vw !important;
    }
} */
/* @media only screen and (max-width: 899px) {
    a.left.carousel-control {
        top: 298px !important;
        margin-left: 74% !important;
    }

    a.right.carousel-control {
        top: 249px !important;
        margin-right: -3px !important;
    }
} */
@media only screen and (max-width: 898px) {
    .carousel-indicators {
        left: 90vw !important;
        width: 16% !important;
        margin-top: 4px !important;
    }
}

@media only screen and (max-width: 896px) {
    .carousel-indicators {
        left: 91vw !important;
        width: 16% !important;
        margin-top: 4px !important;
    }

    /* .carouselThreeText {
        font-size: 24px;
        margin-top: 0%;
        width: 56%;
        font-weight: bold;
        margin-left: 0%;
    } */
    /* a.right.carousel-control {
        top: 221px !important;
        margin-right: -27px !important;
    } */
}

@media only screen and (max-width: 894px) {
    #imgOne {
        margin-right: 22vw !important;
        margin-top: 0%;
        width: 50% !important;
    }

    .carousel-indicators {
        left: 90vw !important;
        width: 16% !important;
        margin-top: 4px !important;
    }

    #imgThree {
        margin-right: 22vw !important;
        width: 50% !important;
        margin-top: 19px;
    }

    a.right.carousel-control {
        top: 290px !important;
        margin-right: -1px !important;
    }
}

@media only screen and (max-width: 890px) {
    .carousel-indicators {
        left: 92vw !important;
        width: 16% !important;
        margin-top: 4px !important;
    }
}

/* @media only screen and (max-width: 886px) {
    .navbar-nav {
        width: 79%;
        margin-top: -7%;
    }
} */

@media only screen and (max-width: 879px) {
    .carousel-indicators {
        left: 91vw !important;
        width: 16% !important;
        margin-top: 4px !important;
    }

    /* a.left.carousel-control {
        top: 300px !important;
        margin-left: 74% !important;
    }

    a.right.carousel-control {
        top: 249px !important;
        margin-right: 0px !important;
    } */

}

@media only screen and (max-width: 877px) {
    h3#titleOne {
        margin-top: 0px;
        font-size: 1em;
        width: 96% !important;
        margin-left: 0%;
    }

    .carousel-indicators {
        left: 92vw !important;
        width: 16% !important;
        margin-top: 4px !important;
    }
}

@media only screen and (max-width: 872px) {
    ul.nav.navbar-nav {
        width: 32%;
    }
}

@media only screen and (max-width: 868px) {
    .carousel-indicators {
        left: 94vw !important;
        width: 16% !important;
        margin-top: 4px !important;
    }
}

@media only screen and (max-width: 866px) {
    h3#titleTwo {
        width: 100% !important;
        margin-left: -9vw !important;
        font-size: 1em !important;
    }

    .carouselTwoText {
        font-size: 1em;
        margin-top: 0%;
        width: 138%;
        margin-left: -25.7vw !important;
        font-weight: normal;
    }

    a#findOutMoreBtn {
        margin-left: -12vw !important;
    }

    .carousel-indicators {
        left: 92vw !important;
        width: 16% !important;
        margin-top: 4px !important;
    }
}

@media only screen and (max-width: 859px) {
    .carousel-indicators {
        left: 94vw !important;
        width: 16% !important;
        margin-top: 4px !important;
    }

    .carouselOneText {
        width: 57%;
        margin-left: 0%;
        font-size: 1em;
    }

    /* h3#titleTwo {
        width: 291px !important;
        margin-left: 38vw !important;
        font-size: 1.25em;
    }

    .carouselTwoText {
        font-size: 1em;
        margin-top: 0%;
        width: 138%;
        margin-left: 38vw;
        font-weight: normal;
    } */
}

@media only screen and (max-width: 856px) {
    .islington-logo {
        width: 180px;
        padding: 0px 0;
    }
}

@media only screen and (max-width: 851px) {
    .carousel-indicators {
        left: 96vw !important;
        width: 16% !important;
        margin-top: 4px !important;
    }

    /* .carouselOneText {
        width: 67%;
        margin-left: -9%;
        font-size: 24px;
    } */

    /* .navbar-nav {
        width: 80%;
        margin-top: -7%;
    } */

    .islington-logo {
        width: 200px;
        padding: 0px 0;
    }
}

@media only screen and (max-width: 848px) {
    img#imageTwo {
        margin-top: 20px;
        margin-right: 36vw !important;
        width: 50% !important;
    }
}

@media only screen and (max-width: 847px) {
    .islington-logo {
        width: 180px;
        padding: 0px 0;
    }

    /* .navbar-nav {
        width: 80%;
        margin-top: -7%;
    } */

    .carousel-indicators {
        left: 96vw !important;
        width: 16% !important;
        margin-top: 4px !important;
    }

}

@media only screen and (max-width: 846px) {
    .carousel-indicators {
        /* left: 103vw !important; */
        width: 16% !important;
        margin-top: 4px !important;
    }
}

@media only screen and (max-width: 835px) {
    .carousel-indicators {
        left: 98vw !important;
        width: 16% !important;
        margin-top: 4px !important;
    }

    .navbar-nav {
        width: 82%;
        /* margin-top: -7%; */
    }

    .carouselThreeText {

        margin-left: -19.5%;
    }
}

@media only screen and (max-width: 828px) {
    a.right.carousel-control {
        top: 217px !important;
        margin-right: -14px !important;
    }
}

@media only screen and (max-width: 827px) {
    a.right.carousel-control {
        top: 290px !important;
        margin-right: -13px !important;
    }
}

@media only screen and (max-width: 826px) {
    .carousel-indicators {
        /* left: 105vw !important; */
        width: 16% !important;
        margin-top: 4px !important;
    }
}



/* @media (min-width:911px) and (max-width:912px) {
    .carouselThreeText {
        font-size: 24px;
        margin-top: 0%;
        width: 58%;
        font-weight: bold;
        margin-left: 0%;
    }
    a#ourWorkBtn {
        margin-left: 0vw;
    }
    #spanTextOne {
        margin-left: 17%;
        margin-top: -50px;
    }
    #spanTextTwo {
        margin-left: 18%;
        margin-top: -45px;
    }
    #spanTextThree {
        margin-left: 18%;
        margin-top: -32px;
    }
} */

/* @media (min-width:820px) and (max-width:821px) {
    a.right.carousel-control {
        margin-right: 9px !important;
        margin-top: 70px !important;
    }
    .carouselTwoText {
        font-size: 24px;
        margin-top: 0%;
        width: 142%;
        margin-left: 44vw;
        font-weight: bold;
    }
    a#findOutMoreBtn {
        margin-left: 43.5vw;
    }
} */
@media only screen and (max-width: 820px) {
    .carousel-indicators {
        left: 99vw !important;
        width: 16% !important;
        margin-top: 4px !important;
    }

    /* a.left.carousel-control {
        top: 261px !important;
        margin-left: 71% !important;
    } */
    /* a.left.carousel-control {
        top: 300px !important;
        margin-left: 71% !important;
    } */

    /* a.right.carousel-control {
        margin-right: 9px !important;
        margin-top: -73px;
    } */

    /* a.right.carousel-control {
        top: 211px !important;
        margin-right: 13px !important;
        margin-top: 27.2%;
    } */

    .islington-logo {
        width: 180px;
        padding: 0px 0;
    }

    /* .navbar-nav {
        width: 81%;
        margin-top: -7%;
    } */

    /* .carouselOneText {
        width: 70%;
        margin-left: -15%;
        font-size: 24px;
    }
     */
    /* a#opportunitiesBtn {
        width: 200px;
        padding-left: 20px;
        padding-right: 20px;
        font-size: 16px;
        margin-left: -83px;
    } */

    div#carouselTwo {
        margin-left: 0% !important;
        width: 55% !important;
    }

    /* .carouselTwoText {
        font-size: 24px;
        margin-top: 0%;
        width: 143%;
        margin-left: 48vw;
        font-weight: bold;
    }
    
    .carouselThreeText {
        font-size: 24px;
        margin-top: 0%;
        width: 58%;
        font-weight: bold;
        margin-left: -10%;
    }
     */
    /* a#ourWorkBtn {
        margin-left: -7vw;
    }
    
    a#findOutMoreBtn {
        margin-left: 48vw !important;
    } */

    #spanTextOne {
        margin-left: 18%;
        margin-top: -50px;
    }

    #spanTextTwo {
        margin-left: 19%;
        margin-top: -45px;
    }

    #spanTextThree {
        margin-left: 20%;
        margin-top: -32px;
    }

    /* h3#titleOne {
        margin-top: -30px;
        font-size: 1.25em;
        width: 52%;
    } */
    /* 
    h3#titleTwo {
        width: 291px !important;
        margin-left: 45vw !important;
        font-size: 1.25em;
    } */
    /* 
    h3#titleThree {
        margin-top: -30px;
        font-size: 1.25em;
        margin-left: 0px;
        width: 58%;
    } */
    /* 
    .carouselTwoText {
        font-size: 1em;
        margin-top: 0%;
        width: 138%;
        margin-left: 45vw;
        font-weight: normal;
    } */

    a#findOutMoreBtn {
        margin-left: 45vw !important;
    }

    h3#titleTwo {
        width: 100% !important;
        margin-left: 0vw !important;
        font-size: 1em !important;
    }

    .carouselTwoText {
        font-size: 1em;
        margin-top: 0%;
        width: 138%;
        margin-left: -19.7vw !important;
        font-weight: normal;
    }

    a#findOutMoreBtn {
        margin-left: -3vw !important;
    }

    img#imgTwo {
        margin-left: 21vw !important;
        width: 50% !important;
    }

    img#imgThree {
        width: 50% !important;
        margin-top: 10px;
        margin-right: 23vw !important;
    }

    .carouselTwoText {
        font-size: 1em;
        margin-top: 0%;
        width: 138%;
        margin-left: -17.7vw !important;
        font-weight: normal;
    }

    h3#titleSecond {
        margin-left: 0% !important;
        margin-top: 0%;
        font-size: 1em;
        width: 100% !important;
    }

    p.carouselSecondText {
        margin-left: 0%;
        font-size: 1em;
    }

    a#findOutMoreButton {
        margin-left: -4%;
        width: 200px;
        padding-left: 20px;
        padding-right: 20px;
        font-size: 16px;
    }

    img#imageTwo {
        margin-top: 20px;
        margin-right: 24vw !important;
        width: 50% !important;
    }
}

@media only screen and (max-width: 819px) {
    /* .navbar-nav {
        width: 90%;
        margin-top: -3%;
    } */

    .carousel-indicators {
        left: 95vw !important;
        width: 16% !important;
        margin-top: 4px !important;
    }

    a.left.carousel-control {
        top: 338px !important;
        margin-left: 72% !important;
    }

    a.right.carousel-control {
        top: 291px !important;
        margin-right: 18px !important;
    }

    a#findOutMoreBtn {
        margin-left: -5vw !important;
    }

    h3#titleTwo {
        width: 100% !important;
        margin-left: -2vw !important;
        font-size: 1em !important;
    }

    .carouselTwoText {
        font-size: 1em;
        margin-top: 0%;
        width: 138%;
        margin-left: -19.4vw;
        font-weight: normal;
    }

    h3#titleOne {
        margin-top: 0px;
        font-size: 1em;
        width: 95% !important;
        margin-left: 0%;
    }
}

@media only screen and (max-width: 818px) {

    /* a.left.carousel-control {
        top: 288px !important;
        margin-left: 71% !important;
    }

    a.right.carousel-control {
        top: 198px !important;
        margin-right: 12px !important;
        margin-top: 32.2%;
    } */
    div#carouselOne {
        height: 575px !important;
    }

    div#carouselTwo {
        height: 575px !important;
    }

    div#carouselThree {
        height: 575px !important;
    }

    h3#titleTwo {
        width: 100% !important;
        margin-left: -2vw !important;
        font-size: 1em !important;
    }

    img#imgTwo {
        margin-left: 21vw !important;
        width: 50% !important;
    }

    img#imgThree {
        width: 50% !important;
        margin-top: 10px;
        margin-right: 25vw !important;
    }

    .carouselTwoText {
        font-size: 1em;
        margin-top: 0%;
        width: 138%;
        margin-left: -19.1vw;
        font-weight: normal;
    }

    a#findOutMoreBtn {
        margin-left: -5vw !important;
    }

    .carousel-indicators {
        left: 95vw !important;
        width: 16% !important;
        margin-top: -8px !important;
    }

    h3#titleThree {
        margin-top: 0px;
        font-size: 1em;
        margin-left: 38px !important;
    }

    #imgOne {
        margin-right: 25vw !important;
        margin-top: 0%;
        width: 50% !important;
    }
}

@media only screen and (max-width: 815px) {
    img#imgTwo {
        margin-left: 21vw !important;
        width: 50% !important;
    }

    #imgThree {
        margin-right: 24vw !important;
        width: 50% !important;
        margin-top: 19px;
    }
}

@media only screen and (max-width: 801px) {
    .carousel-indicators {
        left: 97vw !important;
        width: 16% !important;
        margin-top: -8px !important;
    }

    h3#titleTwo {
        width: 100% !important;
        margin-left: -1.4vw !important;
        font-size: 1em !important;
    }
}

@media only screen and (max-width: 795px) {
    a#findOutMoreBtn {
        margin-left: -4vw !important;
    }

    img#imgTwo {
        margin-left: 20vw !important;
        width: 50% !important;
    }
}

/* @media only screen and (max-width: 794px) {
    .carousel-indicators {
        left: 103vw !important;
        width: 16% !important;
        margin-top: 4px !important;
    }
} */

@media only screen and (max-width: 792px) {
    .carousel-indicators {
        left: 98vw !important;
        width: 16% !important;
        margin-top: 0px !important;
    }

    div#carouselOne {
        height: 577px !important;
    }

    div#carouselTwo {
        height: 577px !important;
    }

    div#carouselThree {
        height: 577px !important;
    }

    h3#titleThree {
        margin-top: 0px;
        font-size: 1em;
        margin-left: 29px !important;
    }
}

@media only screen and (max-width: 790px) {
    div#carouselOne {
        height: 566px !important;
    }

    div#carouselTwo {
        height: 566px !important;
    }

    div#carouselThree {
        height: 566px !important;
    }
}

@media only screen and (max-width: 785px) {
    .carousel-indicators {
        left: 99vw !important;
        width: 16% !important;
        margin-top: 4px !important;
    }

    #carouselOne {
        width: 40% !important;
        height: 393px;
    }

    div#carouselOne {
        height: 562px !important;
    }

    div#carouselTwo {
        height: 562px !important;
    }

    div#carouselThree {
        height: 562px !important;
    }


    /* div#carouselTwo {
            height: 393px !important;
        } */
}

/* @media only screen and (max-width: 780px) {
    h3#titleOne {
        margin-top: -30px;
        font-size: 1.25em;
        width: 52%;
        margin-left: -20px;
    }

    .carouselOneText {
        width: 57%;
        margin-left: -3.5%;
        font-size: 1em;
    }

    h3#titleTwo {
        width: 291px !important;
        margin-left: 47vw !important;
        font-size: 1.25em;
    }

    .carouselTwoText {
        font-size: 1em;
        margin-top: 0%;
        width: 138%;
        margin-left: 47.5vw;
        font-weight: normal;
    }

    h3#titleThree {
        margin-top: -30px;
        font-size: 1.25em;
        margin-left: 0px;
        width: 51%;
    }

    .carouselThreeText {
        font-size: 1em;
        margin-top: 0%;
        width: 50% !important;
        font-weight: normal;
        margin-left: 0%;
    }
} */

@media only screen and (max-width: 777px) {
    .carousel-indicators {
        left: 101vw !important;
        width: 16% !important;
        margin-top: 4px !important;
    }

    .carouselOneText {
        width: 50%;
        margin-left: 0%;
        font-size: 1em;
    }

    h3#titleTwo {
        padding-left: 10px;
    }

    p.carouselTwoText {
        padding-left: 10px;
    }

    a#findOutMoreBtn {
        margin-left: -4vw !important;
    }

    a#opportunitiesBtn {
        width: 200px;
        padding-left: 20px;
        padding-right: 20px;
        font-size: 16px;
        margin-left: -9px;
        margin-top: -10px;
    }

    /* 
    h3#titleOne {
        margin-top: -30px;
        font-size: 1.25em;
        width: 51%;
    }

    .carouselThreeText {
        font-size: 1em;
        margin-top: 0%;
        width: 100% !important;
        font-weight: normal;
        margin-left: -20%;
    } */

    /* h3#titleThree {
        margin-top: -30px;
        font-size: 1.25em;
        margin-left: 0px;
        width: 50%;
    } */
}

/* @media only screen and (max-width: 776px) {
    .carousel-indicators {
        left: 111vw !important;
        width: 16% !important;
        margin-top: 4px !important;
    }

    h3#titleOne {
        font-size: 1em;
        width: 88% !important;
        margin-left: 8%;
        margin-top: 0%;
    }

    h3#titleTwo {
        width: 291px !important;
        margin-left: 45vw !important;
        font-size: 1em;
        padding-left: 10px;
    }

    .carouselOneText {
        width: 65%;
        margin-left: -17%;
        font-size: 1em;
    } */
/* } */

@media (min-width:767px) and (max-width:768px) {
    a#findOutMoreBtn {
        margin-left: 55vw !important;
    }

    .carouselTwoText {
        font-size: 24px;
        margin-top: 0%;
        width: 130%;
        margin-left: 55vw !important;
        font-weight: bold;
    }



    /* div#carouselTwo {
        width: 60% !important;
    } */
    img#imageTwo {

        width: 50% !important;
        margin-right: 25vw !important;
    }

    p.carouselSecondText {
        margin-left: -0.5%;
        font-size: 1em;
    }

    a#findOutMoreButton {
        margin-left: -5%;
    }
    li#login-btn {
        margin-top: 10px;
        margin-left: 15px;
    }
    li#register-btn-white {
        margin-top: 20px;
        margin-left: 3px;
    }
}

@media only screen and (max-width: 768px) {
    img#logoOne {
        width: 200px;
        margin-left: 15%;
    }
    img.lift-logo {
        margin-left: -75px;
    }
    ul.nav.navbar-nav {
        width: 63%;
    }

    h3#titleSecond {
        margin-top: 0px;
        font-size: 1em;
        margin-left: -5px !important;
        width: 100% !important;
    }

    img#logoTwo {
        width: 200px;
        margin-left: 14%;
    }

    img#logoThree {
        width: 200px;
        margin-left: 15%;
    }

    img#logoFour {
        width: 200px;
        margin-left: 15%;
    }

    a.left.carousel-control {
        top: 347px !important;
        margin-left: 69% !important;
        margin-top: 29%;
    }

    a.right.carousel-control {
        top: 336px !important;
        margin-right: 45px !important;
        margin-top: 30.5%;
    }

    .carousel-indicators {
        left: 98vw !important;
        width: 16% !important;
        margin-top: 4px !important;
    }

    .glyphicon-chevron-left:before {
        content: "\e079";
        color: #000;
    }

    .glyphicon-chevron-right:before {
        content: "\e080";
        color: #000 !important;
    }

    .carouselOneText {
        width: 350%;
        margin-left: 0%;
        font-size: 1em;
    }


    a#opportunitiesBtn {
        margin-left: -105px;
    }

    div#carouselOne {
        height: 650px !important;
    }

    div#carouselTwo {
        height: 650px !important;
    }

    div#carouselThree {
        height: 650px !important;
    }

    .carouselTwoText {
        font-size: 1em;
        margin-top: 0%;
        width: 130%;
        margin-left: -18.5vw !important;
        font-weight: normal;
    }

    a#findOutMoreBtn {
        margin-left: -2vw !important;
    }

    a#ourWorkBtn {
        margin-left: -8%;
    }

    .navbar-nav {
        width: 92%;
        margin-top: -2%;
    }

    a#registerButton {
        margin-left: 12px;
    }

    a#ourWorkBtn {
        margin-left: 0%;
    }

    a#loginOne {
        margin-left: 0px;
    }

    .islington-logo {
        width: 250px;
        padding: 0px 0;
        margin-left: 243px;
    }

    a#dropdownOne {
        background: transparent !important;
    }

    a#dropdownTwo {
        background: transparent !important;
    }

    a#dropdownThree {
        background: transparent !important;
    }

    h2.statsText {
        margin-top: 20px !important;
    }

    #spanTextOne {
        margin-left: 18%;
    }

    #spanTextTwo {
        margin-left: 19%;
        margin-top: -45px;
    }

    #spanTextThree {
        margin-left: 18%;
        margin-top: -32px;
    }

    h2.buildGateway {
        margin-top: 50px;
    }

    h2.liftFuturesHeading {
        margin-top: 100px;
    }

    h3#titleOne {
        margin-top: 0px;
        font-size: 1em;
        width: 90% !important;
        margin-left: 0%;
    }

    h3#titleTwo {
        width: 98% !important;
        margin-left: 0vw !important;
        font-size: 1em;
        padding-left: 10px;
    }

    h3#titleThree {
        margin-top: 0px;
        font-size: 1em;
        margin-left: 0px;
        width: 50%;
    }

    /* #imgOne {
        margin-right: 14vh !important;
        margin-top: 0%;
        width: 70% !important;
    }

    img#imgTwo {
        margin-left: 15vw !important;
        width: 70% !important;
    }

    #imgThree {
        margin-right: 20vh !important;
        width: 66% !important;
    } */

    #carouselOne {
        width: 40% !important;
        height: 463px;
    }

    #firstContainer {
        width: 100% !important;
    }

    #secondContainer {
        width: 100% !important;
    }

    #thirdContainer {
        width: 100% !important;
    }
}

@media only screen and (max-width: 767px) {
    ul.nav.navbar-nav {
        width: 100%;
    }

    .container>.navbar-header,
    .container-fluid>.navbar-header,
    .container>.navbar-collapse,
    .container-fluid>.navbar-collapse {
        margin-right: -15px;
        margin-left: -15px;
        margin-top: 35px;
    }

    h3#titleOne {
        margin-top: 0px;
        font-size: 1em;
        width: 330% !important;
        margin-left: 0%;
    }

    #imgOne {
        margin-right: -42vw !important;
        margin-top: 0%;
        width: 200% !important;
    }

    div#carouselOne {
        height: 570px !important;
    }

    div#carouselTwo {
        height: 570px !important;
    }

    div#carouselThree {
        height: 570px !important;
    }

    .carousel-indicators {
        width: 52%;
        margin-top: 13px;
    }

    h3#titleTwo {
        width: 330% !important;
        margin-left: 6vw !important;
        font-size: 1em;
        padding-left: 10px;
    }

    .carouselTwoText {
        font-size: 1em;
        margin-top: 0%;
        width: 330% !important;
        margin-left: 1vw !important;
        font-weight: normal;
    }

    /* a.left.carousel-control {
        top: 309px !important;
        margin-left: 68% !important;
        margin-top: 22.5%;
    }

    a.right.carousel-control {
        top: 224px !important;
        margin-right: 53px !important;
        margin-top: 29.2%;
    } */

    img#imgTwo {
        margin-left: 20vw !important;
        width: 200% !important;
    }


    .carouselTwoText {
        font-size: 1em;
        margin-top: 0%;
        width: 117%;
        margin-left: 54vw;
        font-weight: normal;
    }

    a#findOutMoreBtn {
        margin-left: 54vw;
    }

    .navbar-inverse .navbar-collapse,
    .navbar-inverse .navbar-form {
        border-color: #ccc;
        margin-top: 0px !important;
        padding-bottom: 50px;
    }

    .carouselThreeText {
        font-size: 1em;
        margin-top: 0%;
        width: 300% !important;
        font-weight: normal;
        margin-left: 0%;
    }

    #imgThree {
        margin-right: -46vw !important;
        width: 200% !important;
    }

    img#imgThree {
        width: 200% !important;
        margin-top: 10px;
        margin-right: -45vw !important;
    }

    h3#titleThree {
        margin-top: 0px;
        font-size: 1em;
        margin-left: 34px !important;
        width: 147% !important;
    }

    h3#titleSecond {
        margin-top: 0px;
        font-size: 1em;
        margin-left: 0px !important;
        width: 313% !important;
    }

    p.carouselSecondText {
        margin-left: -0.5%;
        font-size: 1em;
        width: 300% !important;
    }

    img#imageTwo {
        width: 200% !important;
        margin-right: -41vw !important;
    }

    div#carouselOne {
        height: 647px !important;
    }

    div#carouselTwo {
        height: 647px !important;
    }

    div#carouselThree {
        height: 647px !important;
    }
}

@media only screen and (max-width: 767px) {
    .navbar-nav {
        width: 100%;
        margin-top: -9%;
        text-align: center;
        font-size: 1em;
    }

    a#findOutMoreBtn {
        margin-left: 54vw;
        margin-top: -30px !important;
    }
}

/* @media only screen and (max-width: 763px) {
    a#findOutMoreBtn {
        margin-left: 53vw !important;
    }
} */

@media only screen and (max-width: 737px) {
    /* a.right.carousel-control {
        top: 228px !important;
        margin-right: 53px !important;
        margin-top: 29.2%;
    } */

    /* #carouselOne {
        width: 40% !important;
        height: 413px;
    } */

    /* div#carouselTwo {
        width: 81% !important;
        height: 414px !important;
    } */
    div#carouselOne {
        height: 640px !important;
    }

    div#carouselTwo {
        height: 640px !important;
    }

    div#carouselThree {
        height: 640px !important;
    }
}

@media only screen and (max-width: 728px) {
    h3#titleTwo {
        width: 300% !important;
        margin-left: 6vw !important;
        font-size: 1em;
        padding-left: 10px;
    }
}

/* @media only screen and (max-width: 716px) {
    a.right.carousel-control {
        top: 259px !important;
        margin-right: 26px !important;
        margin-top: 30.4%;
    }

    a.left.carousel-control {
        top: 309px !important;
        margin-left: 68% !important;
        margin-top: 23.2%;
    }
} */
@media only screen and (max-width: 712px) {
    div#carouselOne {
        height: 630px !important;
    }

    div#carouselTwo {
        height: 630px !important;
    }

    div#carouselThree {
        height: 630px !important;
    }
}

@media only screen and (max-width: 708px) {
    .carouselThreeText {
        font-size: 1em;
        margin-top: 0%;
        width: 300% !important;
        font-weight: normal;
        margin-left: 0%;
    }

    /* 
    h3#titleTwo {
        width: 259px !important;
        margin-left: 51vw !important;
        font-size: 1em;
        padding-left: 10px;
    } */
    #carouselOne {
        width: 40% !important;
        height: 407px;
    }

    /* div#carouselTwo {
        width: 81% !important;
        height: 405px !important;
    } */
    /* a.left.carousel-control {
        top: 317px !important;
        margin-left: 66% !important;
        margin-top: 22.5%;
    }

    a.right.carousel-control {
        top: 238px !important;
        margin-right: 37px !important;
        margin-top: 29.2%;
    } */
}

@media only screen and (max-width: 704px) {
    .carouselOneText {
        width: 290%;
        margin-left: 0%;
        font-size: 1em;
    }
}

@media only screen and (max-width: 692px) {
    .islington-logo {
        width: 250px;
        padding: 0px 0;
        margin-left: 177px;
    }
}

@media only screen and (max-width: 687px) {
    .carousel-indicators {
        left: 97vw !important;
        width: 17% !important;
        margin-top: 0px !important;
    }
}

@media only screen and (max-width: 686px) {
    .carousel-indicators {
        width: 17% !important;
        margin-top: 13px;
    }

    #spanTextOne {
        margin-left: 22%;
    }

    #spanTextTwo {
        margin-left: 25%;
        margin-top: -45px;
    }

    #spanTextThree {
        margin-left: 25%;
        margin-top: -32px;
    }
}

/* @media only screen and (max-width: 686px) {
    a.right.carousel-control {
        top: 259px !important;
        margin-right: 14px !important;
    }
} */

@media only screen and (max-width: 677px) {
    /* a.right.carousel-control {
        top: 261px !important;
        margin-right: 27px !important;
    } */

    #carouselOne {
        width: 40% !important;
        height: 401px;
    }

    #imgThree {
        margin-right: -46vw !important;
        width: 190% !important;
    }

    .carouselOneText {
        width: 314%;
        margin-left: 0%;
        font-size: 1em;
    }
}

@media only screen and (max-width: 668px) {
    a.left.carousel-control {
        top: 354px !important;
        margin-left: 68% !important;
        margin-top: 29%;
    }

    a.right.carousel-control {
        top: 342px !important;
        margin-right: 29px !important;
        margin-top: 30.5%;
    }
}

@media only screen and (max-width: 662px) {
    /* a.left.carousel-control {
        top: 308px !important;
        margin-left: 67% !important;
        margin-top: 24.2%;
    }

    a.right.carousel-control {
        top: 226px !important;
        margin-right: 27px !important;
        margin-top: 32%;
    } */

    h3#titleOne {
        width: 250% !important;
    }

    h3#titleThree {
        margin-top: 0px;
        font-size: 1em;
        margin-left: 0px;
        width: 250%;
    }

    .carouselOneText {
        width: 250%;
        margin-left: 0%;
        font-size: 1em;
    }

    .carouselThreeText {
        font-size: 1em;
        margin-top: 0%;
        width: 250% !important;
        font-weight: normal;
        margin-left: 0%;
    }

    #imgOne {
        margin-right: -35vw !important;
        margin-top: 0%;
        width: 183% !important;
    }
}

@media only screen and (max-width: 656px) {
    #imgOne {
        margin-right: -40vw !important;
        margin-top: 0%;
        width: 183% !important;
    }

    #imgThree {
        margin-right: -41vw !important;
        width: 190% !important;
    }
}

@media only screen and (max-width: 655px) {
    .circleStatOne {
        margin-bottom: 20%;
        margin-top: 5%;
    }

    .circleStatTwo {
        margin-bottom: 20%;
        margin-top: 8%;
    }

    #spanTextOne {
        margin-left: 22%;
    }

    #spanTextTwo {
        margin-left: 25%;
        margin-top: -36px;
    }

    #spanTextThree {
        margin-left: 25%;
        margin-top: -32px;
    }
}

/* @media only screen and (max-width: 653px) {
    a.right.carousel-control {
        top: 259px !important;
        margin-right: 8px !important;
    }
} */
@media only screen and (max-width: 650px) {
    .carousel-indicators {
        width: 18% !important;
        margin-top: 13px;
    }
}

@media only screen and (max-width: 646px) {
    /* a.right.carousel-control {
        top: 259px !important;
        margin-right: -18px !important;
    } */

    .carousel-indicators {
        width: 19% !important;
        margin-top: 13px;
    }
}

/* @media only screen and (max-width: 638px) {
    h3#titleOne {
        margin-top: -30px;
        font-size: 1em;
        width: 43%;
        margin-left: -17%;
    }

    .carouselOneText {
        width: 45%;
        margin-left: -17%;
        font-size: 1em;
    }

    a.left.carousel-control {
        top: 309px !important;
        margin-left: 68% !important;
        margin-top: 24.7%;
    }

    a.right.carousel-control {
        top: 259px !important;
        margin-right: -4px !important;
        margin-top: 33%;
    }
} */

/* @media only screen and (max-width: 632px) {
    h3#titleOne {
        margin-top: -30px;
        font-size: 1em;
        width: 43%;
        margin-left: -10%;
    }

    .carouselOneText {
        width: 45%;
        margin-left: -10%;
        font-size: 1em;
    }

    a#opportunitiesBtn {
        margin-left: -57px;
    }
} */

@media only screen and (max-width: 624px) {
    .islington-logo {
        width: 250px;
        padding: 0px 0;
        margin-left: 146px;
    }
}

@media only screen and (max-width: 622px) {
    h3#titleTwo {
        width: 250% !important;
        margin-left: 6vw !important;
        font-size: 1em;
        padding-left: 10px;
    }

    #imgOne {
        margin-right: -35vh !important;
        margin-top: 0%;
        width: 177% !important;
    }
}

/* 
@media only screen and (max-width: 616px) {
    h3#titleTwo {
        width: 100% !important;
        margin-left: 51vw !important;
        font-size: 1em;
        padding-left: 10px;
    }

    a.left.carousel-control {
        top: 309px !important;
        margin-left: 68% !important;
        margin-top: 25.5%;
    }

    a.right.carousel-control {
        top: 259px !important;
        margin-right: -4px !important;
        margin-top: 33.9%;
    }
} */
@media only screen and (max-width: 620px) {
    #imgOne {
        margin-right: -39vw !important;
        margin-top: 0%;
        width: 177% !important;
    }

    img#imgTwo {
        margin-left: 13vw !important;
        width: 177% !important;
    }
}

/* @media only screen and (max-width: 615px) {
    a.left.carousel-control {
        top: 321px !important;
        margin-left: 66% !important;
        margin-top: 24.2%;
    }

    a.right.carousel-control {
        top: 243px !important;
        margin-right: 17px !important;
        margin-top: 32%;
    }
} */
@media only screen and (max-width: 616px) {
    a.left.carousel-control {
        top: 370px !important;
        margin-left: 67% !important;
        margin-top: 29%;
    }

    a.right.carousel-control {
        top: 360px !important;
        margin-right: 11px !important;
        margin-top: 30.5%;
    }
}

@media only screen and (max-width: 609px) {
    .circleStatOne {
        margin-bottom: 20%;
        margin-top: 5%;
    }

    .circleStatTwo {
        margin-bottom: 20%;
        margin-top: 8%;
    }

    #spanTextOne {
        margin-left: 32% !important;
        margin-top: -31px;
    }

    #spanTextTwo {
        margin-left: 33% !important;
        margin-top: -36px;
    }

    #spanTextThree {
        margin-left: 33% !important;
        margin-top: -32px;
    }

    .circleStatFour {
        margin-top: 19%;
    }
}

@media only screen and (max-width: 599px) {
    /* #carouselOne {
        width: 40% !important;
        height: 386px;
    }

    div#carouselTwo {
        width: 81% !important;
        height: 392px !important;
    } */

    #imgOne {
        margin-right: -35vw !important;
        margin-top: 0%;
        width: 177% !important;
    }

    img#imgTwo {
        margin-left: 15vw !important;
        width: 190% !important;
    }

    #imgThree {
        margin-right: -41vw !important;
        width: 190% !important;
    }

    /* a.left.carousel-control {
        top: 329px !important;
        margin-left: 66% !important;
        margin-top: 24.2%;
    }

    a.right.carousel-control {
        top: 249px !important;
        margin-right: 0px !important;
        margin-top: 32%;
    } */
}

@media only screen and (max-width: 598px) {
    /* .carouselOneText {
        width: 43%;
        margin-left: -10%;
        font-size: 1em;
    } */

    a#opportunitiesBtn {
        margin-left: -56px;
    }

    /* .carouselTwoText {
        font-size: 20px;
        margin-top: 0%;
        width: 97%;
        margin-left: 50vw;
        font-weight: bold;
    }
    
    .carouselThreeText {
        font-size: 20px;
        margin-top: 0%;
        width: 30%;
        font-weight: bold;
        margin-left: -8%;
    } */

    /* a.left.carousel-control {
        top: 309px !important;
        margin-left: 68% !important;
        margin-top: 25.7%;
    }

    a.right.carousel-control {
        top: 259px !important;
        margin-right: -15px !important;
        margin-top: 34.5%;
    } */
}

@media only screen and (max-width: 595px) {
    .carousel-indicators {
        width: 19% !important;
        margin-top: 13px;
    }

    h3#titleSecond {
        margin-top: 0px;
        font-size: 1em;
        margin-left: 0px !important;
        width: 255% !important;
    }

    p.carouselSecondText {
        margin-left: -0.5%;
        font-size: 1em;
        width: 236% !important;
    }
}

@media only screen and (max-width: 585px) {
    .carousel-indicators {
        width: 21% !important;
        margin-top: 13px;
    }

    a.left.carousel-control {
        top: 380px !important;
        margin-left: 67% !important;
        margin-top: 29%;
    }

    a.right.carousel-control {
        top: 369px !important;
        margin-right: -2px !important;
        margin-top: 30.5%;
    }
}

@media only screen and (max-width: 580px) {
    .carousel-indicators {
        width: 21% !important;
        margin-top: -2px !important;
        left: 96vw !important;
    }

    #imgOne {
        margin-right: -35vw !important;
        margin-top: 0%;
        width: 172% !important;
    }

    /* a.left.carousel-control {
        top: 308px !important;
        margin-left: 65% !important;
        margin-top: 24.2%;
    } */
}

/* 
@media only screen and (max-width: 576px) {
    a.left.carousel-control {
        top: 325px !important;
        margin-left: 65% !important;
        margin-top: 24.2%;
    }
} */

@media only screen and (max-width: 563px) {
    .carouselTwoText {
        font-size: 1em;
        margin-top: 0%;
        width: 117%;
        margin-left: -1vw !important;
        font-weight: normal;
    }

    #imgThree {
        margin-right: -41vw !important;
        width: 178% !important;
    }
}

@media only screen and (max-width: 557px) {
    .islington-logo {
        width: 200px;
        padding: 0px 0;
        margin-left: 135px;
    }
}

/* @media only screen and (max-width: 554px) {
    a.left.carousel-control {
        top: 309px !important;
        margin-left: 68% !important;
        margin-top: 27%;
    }

    a.right.carousel-control {
        top: 259px !important;
        margin-right: -29px !important;
        margin-top: 36.6%;
    }

    .carouselThreeText {
        font-size: 1em;
        margin-top: 0%;
        width: 30% !important;
        font-weight: normal;
        margin-left: 0%;
    }
} */
@media only screen and (max-width: 544px) {
    h3#titleTwo {
        width: 235% !important;
        margin-left: 6vw !important;
        font-size: 1em;
        padding-left: 10px;
    }

    .carouselTwoText {
        font-size: 1em;
        margin-top: 0%;
        width: 247% !important;
        margin-left: -1vw !important;
        font-weight: normal;
    }
}

@media (min-width:540px) and (max-width:541px) {
    /* .carousel-indicators {
        width: 22% !important;
        margin-top: 13px;
        left: 104vw !important;
    }

    a.left.carousel-control {
        top: 308px !important;
        margin-left: 66% !important;
    }

    a.right.carousel-control {
        top: 259px !important;
        margin-right: -14px !important;
    }

    .carouselOneText {
        width: 39%;
        margin-left: -10%;
        font-size: 1em;
    }

    div#carouselTwo {
        width: 55% !important;
    }

    .carouselTwoText {
        font-size: 1em;
        margin-top: 0%;
        width: 100%;
        margin-left: 54vw;
        font-weight: normal;
    } */

    /* .carouselTwoText {
        font-size: 24px;
        margin-top: 0%;
        width: 107%;
        margin-left: 49vw;
        font-weight: bold;
    }
    
    .carouselThreeText {
        font-size: 24px;
        margin-top: 0%;
        width: 42%;
        font-weight: bold;
        margin-left: -8%;
    }
     */

    a#findOutMoreBtn {
        margin-left: 48vw;
    }

    #spanTextOne {
        margin-left: 22%;
    }

    #spanTextTwo {
        margin-left: 25%;
        margin-top: -45px;
    }

    #spanTextThree {
        margin-left: 25%;
        margin-top: -32px;
    }

    #spanTextFour {
        margin-left: 33%;
        margin-top: -6%;
    }

    .islington-logo {
        width: 250px;
        padding: 0px 0;
        margin-left: 93px;
    }

    div#carouselOne {
        height: 617px !important;
    }

    div#carouselTwo {
        height: 617px !important;
    }

    div#carouselThree {
        height: 617px !important;
    }
}

@media only screen and (max-width: 540px) {

    .container>.navbar-header,
    .container-fluid>.navbar-header,
    .container>.navbar-collapse,
    .container-fluid>.navbar-collapse {
        margin-right: -15px;
        margin-left: -15px;
        margin-top: 30px;
    }

    #imgOne {
        margin-right: -44vw !important;
        margin-top: 0%;
        width: 200% !important;
    }

    /* a.left.carousel-control {
        top: 335px !important;
        margin-left: 65% !important;
        margin-top: 24.2%;
    }

    a.right.carousel-control {
        top: 262px !important;
        margin-right: 6px !important;
    } */

    .carousel-indicators {
        width: 21% !important;
        margin-top: 0px !important;
        left: 99vw !important;
    }

    a#findOutMoreBtn {
        margin-left: 3vw !important;
    }
}

@media only screen and (max-width: 530px) {
    .carousel-indicators {
        width: 22% !important;
        margin-top: 0px !important;
        left: 96vw !important;
    }

}

/* @media only screen and (max-width: 529px) {
    .carousel-indicators {
        width: 22% !important;
        margin-top: 0px !important;
        left: 96vw !important;
    }
    

    a.right.carousel-control {
        top: 271px !important;
        margin-right: -5px !important;
    }

    a.left.carousel-control {
        top: 313px !important;
        margin-left: 65% !important;
        margin-top: 24.2%;
    }
} */
@media only screen and (max-width: 527px) {
    div#carouselOne {
        height: 610px !important;
    }

    div#carouselTwo {
        height: 610px !important;
    }

    div#carouselThree {
        height: 610px !important;
    }
}

@media only screen and (max-width: 526px) {
    h3#titleTwo {
        width: 200% !important;
        margin-left: 6vw !important;
        font-size: 1em;
        padding-left: 10px;
    }

    .carouselTwoText {
        font-size: 1em;
        margin-top: 0%;
        width: 190% !important;
        margin-left: -1vw !important;
        font-weight: normal;
    }
}

@media only screen and (max-width: 523px) {
    .carouselOneText {
        width: 228%;
        margin-left: 0%;
        font-size: 1em;
    }
}

@media only screen and (max-width: 511px) {
    h3#titleOne {
        width: 230% !important;
    }

    .carousel-indicators {
        width: 23% !important;
        margin-top: -2px !important;
        left: 96vw !important;
    }
}

@media only screen and (max-width: 500px) {
    a.left.carousel-control {
        top: 380px !important;
        margin-left: 64% !important;
        margin-top: 29%;
    }

    .carousel-indicators {
        width: 23% !important;
        margin-top: -9px !important;
        left: 93vw !important;
    }

    /* a.right.carousel-control {
        top: 262px !important;
        margin-right: -10px !important;
    } */

    /* .carouselOneText {
        width: 42%;
        margin-left: -9%;
        font-size: 1em;
    } */

    /* .carousel-indicators {
        width: 23% !important;
        margin-top: 13px px;
        margin-left: -41%;
    }

    a.left.carousel-control {
        top: 296px !important;
        margin-left: 60% !important;
        margin-top: 31.4%;
    }

    a.right.carousel-control {
        top: 246px !important;
        margin-right: -18px !important;
        margin-top: 42.3%;
    }

    .carouselTwoText {
        font-size: 1em;
        margin-top: 0%;
        width: 79%;
        margin-left: 54vw;
        font-weight: normal;
    }

    a#findOutMoreBtn {
        margin-left: 49vw;
    } */
    /* div#carouselOne {
        height: 374px !important;
    } */

    #spanTextOne {
        margin-left: 39% !important;
        margin-top: -39px;
    }

    #spanTextTwo {
        margin-left: 39% !important;
        margin-top: -39px;
    }

    #spanTextThree {
        margin-left: 39% !important;
        margin-top: -39px;
    }

    #spanTextFour {
        margin-left: 39%;
        margin-top: -3%;
    }

    .islington-logo {
        width: 250px;
        padding: 0px 0;
        margin-left: 91px;
    }

    h3#titleOne {
        width: 225% !important;
    }

    .carouselOneText {
        width: 225%;
        margin-left: 0%;
        font-size: 1em;
    }

    /* 
    h3#titleOne {
        margin-top: -30px;
        font-size: 1em;
        width: 40%;
        margin-left: -10%;
    }

    h3#titleThree {
        margin-top: -30px;
        font-size: 1em;
        margin-left: -50px;
        width: 40%;
    }

    .carouselThreeText {
        font-size: 1em;
        margin-top: 0%;
        width: 18%;
        font-weight: normal;
        margin-left: -8%;
    }

    a#ourWorkBtn {
        margin-left: -8%;
    } */
    img#imgTwo {
        margin-left: 5vw !important;
        width: 190% !important;
    }
}

@media only screen and (max-width: 425px) {
    .login-btn-loggedout {
        float: left;
        width: 45%;
    }

    ul.nav.navbar-nav {
        width: 100%;
    }

    img#logoOne {
        width: 200px;
        margin-left: -30%;
    }

    img#logoTwo {
        width: 200px;
        margin-left: -30%;
    }

    img#logoThree {
        width: 200px;
        margin-left: -30%;
    }

    img#logoFour {
        width: 200px;
        margin-left: -30%;
    }

    a.left.carousel-control {
        top: 341px !important;
        margin-left: 50% !important;
        margin-top: 41.7%;
    }

    a.right.carousel-control {
        top: 295px !important;
        margin-right: 30px !important;
        margin-top: 52.6%;
    }

    .carousel-indicators {
        width: 30% !important;
        margin-top: -8px !important;
        margin-left: -43%;
    }

    h3#titleOne {
        margin-top: 0px;
        font-size: 1em;
        width: 259% !important;
        margin-left: 0%;
    }

    h3#titleTwo {
        width: 255% !important;
        margin-left: 2vw !important;
        font-size: 1em;
        padding-left: 10px;
    }

    h3#titleThree {
        margin-top: 0px;
        font-size: 1em;
        margin-left: 16px !important;
        width: 208% !important;
    }

    .carouselOneText {
        font-size: 16px;
        /* margin-top: 13%; */
        width: 230%;
        margin-left: 0%;
    }

    .carouselTwoText {
        font-size: 16px;
        margin-top: 0%;
        width: 236%;
        margin-left: -19% !important;
    }

    .carouselThreeText {
        margin-left: -10%;
        font-size: 16px;
        width: 236% !important;
    }

    .carousel-item {
        width: 174px;
        font-size: 18px;
    }

    a#opportunitiesBtn {
        margin-left: -58px;
        width: 30%;
    }

    a#findOutMoreBtn {
        margin-left: -12px !important;
    }

    a#ourWorkBtn {
        margin-left: -11px;
    }

    div#carouselTwo {
        width: 40% !important;
    }

    img#imgTwo {
        margin-left: 11vw !important;
        width: 198% !important;
    }

    div#carouselThree {
        width: 40% !important;
    }

    .navbar-inverse .navbar-collapse,
    .navbar-inverse .navbar-form {
        border-color: #ccc;
        margin-top: 0px !important;
        width: 100%;
    }

    .navbar-inverse .navbar-nav>li>a {
        text-align: center;
    }

    .navbar-nav {
        float: right;
        width: 102%;
        font-size: 1em;
    }

    a#registerButton {
        left: 0%;
        width: 74%;
        font-size: 14px;
        margin-left: 40px;
    }

    a#loginOne {
        left: 10%;
    }

    a#dropdownOne {
        background: transparent !important;
    }

    a#dropdownTwo {
        background: transparent !important;
    }

    a#dropdownThree {
        background: transparent !important;
    }

    #spanTextOne {
        margin-left: 30%;
    }

    #spanTextTwo {
        margin-left: 32%;
        margin-top: -45px;
    }

    #spanTextThree {
        margin-left: 32%;
        margin-top: -32px;
    }

    .islington-logo {
        width: 175px;
        padding: 0px 0;
        margin-left: 109px;
        margin-top: 14px;
    }

    #spanTextFour {
        margin-left: 39%;
        margin-top: -9%;
    }

    #imgOne {
        margin-right: -36vh !important;
        margin-top: 0%;
        width: 231% !important;
    }

    #imgThree {
        margin-right: -29vh !important;
        width: 203% !important;
    }

    /* div#carouselOne {
        height: 207px !important;
    } */
    h3#titleSecond {
        width: 276% !important;
        font-size: 1em;
        margin-left: -14px !important;
    }


    p.carouselSecondText {
        margin-left: -10%;
        font-size: 1em;
        width: 275% !important;
    }

    a#findOutMoreButton {
        margin-left: -36%;
    }

    img#imageTwo {
        margin-top: 20px;
        margin-right: -44vw !important;
        width: 230% !important;
    }

    img#imgThree {
        width: 231% !important;
        margin-top: 10px;
        margin-right: -52vw !important;
    }

    #firstContainer {
        width: 100% !important;
    }

    #secondContainer {
        width: 100% !important;
    }

    #thirdContainer {
        width: 100% !important;
    }
    button.navbar-toggler {
        left: 100%;
        position: relative;
    }
    a#aboutUs {
        font-size: 14px !important;
    }
    a#loginOne {
        margin-left: 0px;
        font-size: 14px !important;
    }
    li#login-btn {
        margin-top: 15px;
        margin-left: 15px;
    }
    a#registerButton {
        font-size: 14px;
        margin-left: -110px;
        font-size: 14px !important;
    }
    li#register-btn-white {
        margin-top: 15px;
    }

}

@media only screen and (max-width: 414px) {
    .carouselOneText {
        font-size: 1em;
        /* margin-top: 13%; */
        width: 230%;
        margin-left: 0%;
    }

    #spanTextOne {
        margin-left: 42% !important;
    }

    #spanTextTwo {
        margin-left: 42% !important;
    }

    #spanTextThree {
        margin-left: 42% !important;
        margin-top: -44px;
    }

    #spanTextFour {
        margin-left: 42% !important;
        margin-top: -10%;
    }

    a.left.carousel-control {
        top: 347px !important;
        margin-left: 50% !important;
        margin-top: 41.7%;
    }

    a.right.carousel-control {
        top: 300px !important;
        margin-right: 28px !important;
    }

    #imgOne {
        margin-right: -21vh !important;
        margin-top: 0%;
        width: 231% !important;
    }

    .carouselThreeText {
        margin-left: -10%;
        font-size: 1em !important;
        width: 236% !important;
    }

    h3#titleSecond {
        width: 276% !important;
        font-size: 1em;
        margin-left: -10% !important;
    }
}

@media only screen and (max-width: 412px) {
    .islington-logo {
        width: 200px;
        padding: 0px 0;
        margin-left: 83px;
    }

    /* a.left.carousel-control {
        top: 270px !important;
        margin-left: 50% !important;
        margin-top: 43%;
    }

    a.right.carousel-control {
        top: 200px !important;
        margin-right: 12px !important;
    } */

    .carouselTwoText {
        font-size: 16px;
        margin-top: 0%;
        width: 96%;
    }

    a#findOutMoreBtn {
        margin-left: 110px;
    }

    .carouselThreeText {
        margin-left: -10%;
        font-size: 1em !important;
        width: 28%;
    }

    #imgOne {
        margin-right: -42vw !important;
        margin-top: 0%;
        width: 200% !important;
    }

    img#imgTwo {
        margin-left: 8vw !important;
        width: 200% !important;
    }

    #imgThree {
        margin-right: -42vw !important;
        width: 200% !important;
    }
}

@media (min-width:392px) and (max-width:393px) {
    .carousel-indicators {
        width: 30%;
        left: 95vw !important;
    }

}

@media only screen and (max-width: 393px) {
    .carousel-indicators {
        width: 30%;
        left: 98vw !important;
    }

    p.carouselSecondText {
        margin-left: -10%;
        font-size: 1em;
        width: 240% !important;
    }

    a.left.carousel-control {
        top: 351px !important;
        margin-left: 50% !important;
    }

    a.right.carousel-control {
        top: 313px !important;
        margin-right: 1px !important;
    }

    img#imageTwo {
        margin-top: 20px;
        margin-right: -36vw !important;
        width: 183% !important;
    }

    a#findOutMoreBtn {
        margin-left: 97px;
    }

    #spanTextOne {
        margin-left: 46% !important;
        margin-top: -39px;
    }

    #spanTextTwo {
        margin-left: 46% !important;
    }

    #spanTextThree {
        margin-left: 47% !important;
        margin-top: -39px;
    }

    #spanTextFour {
        margin-left: 48% !important;
    }

    /* .islington-logo {
        width: 280px;
        padding: 0px 0;
        margin-left: 35px;
    } */

    #imgOne {
        margin-right: -22vh !important;
        margin-top: 0%;
        width: 231% !important;
    }

    #imgThree {
        margin-right: -20vh !important;
        width: 203% !important;
    }

    .carouselOneText {
        font-size: 1em;
        /* margin-top: 13%; */
        width: 230%;
        margin-left: 0%;
    }

    .carouselThreeText {
        margin-left: -10%;
        font-size: 1em !important;
        width: 28%;
    }

    .islington-logo {
        width: 190px;
        padding: 0px 0;
        margin-left: 80px;
    }

}

@media (min-width:389px) and (max-width:390px) {
    .carousel-indicators {
        width: 30%;
        left: 95vw !important;
    }
}

@media only screen and (max-width: 390px) {
    .carousel-indicators {
        width: 30%;
        left: 97vw !important;
    }

    /* a.left.carousel-control {
        top: 258px !important;
        margin-left: 48% !important;
    } */

    h2.liftFuturesHeading {
        padding-top: 0px !important;
        margin-top: 100px !important;
    }

    /*     
    a.right.carousel-control {
        top: 209px !important;
        margin-right: 1px !important;
    } */

    .carouselTwoText {
        font-size: 16px;
        margin-top: 0%;
        width: 95%;
    }

    /* a#findOutMoreBtn {
        margin-left: 136px !important;
    } */

    .carouselThreeText {
        margin-left: -10%;
        font-size: 16px !important;
        width: 28%;
    }

    #spanTextOne {
        margin-left: 45% !important;
    }

    #spanTextTwo {
        margin-left: 46% !important;
    }

    #spanTextThree {
        margin-left: 46% !important;
        margin-top: -44px;
    }

    #spanTextFour {
        margin-left: 47% !important;
        margin-top: -10%;
    }

    .islington-logo {
        width: 190px;
        padding: 0px 0;
        margin-left: 70px;
    }

    #imgOne {
        margin-right: -22vh !important;
        margin-top: 0%;
        width: 231% !important;
    }

    #imgThree {
        margin-right: -20vh !important;
        width: 203% !important;
    }

    h3#titleSecond {
        width: 245% !important;
        font-size: 1em;
        margin-left: -10% !important;
    }
}

@media only screen and (max-width: 375px) {
    img#logoOne {
        width: 200px;
        margin-left: -55%;
    }

    #imgOne {
        margin-right: -22vh !important;
        margin-top: 0%;
        width: 183% !important;
    }

    div#carouselOne {
        height: 487px !important;
    }

    div#carouselTwo {
        height: 487px !important;
    }

    div#carouselThree {
        height: 487px !important;
    }

    img#logoTwo {
        width: 200px;
        margin-left: -55%;
    }

    img#imgTwo {
        margin-left: 7vw !important;
        width: 182% !important;
    }

    img#logoThree {
        width: 200px;
        margin-left: -55%;
    }

    #imgThree {
        margin-right: -37vh !important;
        width: 232% !important;
    }

    img#logoFour {
        width: 200px;
        margin-left: -55%;
    }

    .carousel-indicators {
        width: 30% !important;
        margin-top: 16px !important;
        margin-left: -45%;
    }

    .carousel-indicators li {
        text-indent: 0;
        height: 20px !important;
        width: 20px !important;
        border-radius: 0px !important;
    }

    a.left.carousel-control {
        top: 268px !important;
        margin-left: 53% !important;
        margin-top: 44.7%;
    }

    a.right.carousel-control {
        top: 240px !important;
        margin-right: 21px !important;
        margin-top: 52%;
    }

    li#login-btn {
        width: 200px;
        padding-right: 100px;
    }
    #registerButton {
        margin-top: -25%;
        padding-right: 50px;
    }

    .carouselOneText {
        font-size: 14px;
        margin-top: 0%;
        width: 230%;
        margin-left: 0%;
    }

    a#opportunitiesBtn {
        margin-left: 0px !important;
    }

    /* div#carouselTwo {
        width: 81% !important;
        height: 371px !important;
    } */

    .carouselTwoText {
        font-size: 14px;
        margin-top: 0%;
        width: 200%;
        margin-left: -19% !important;
    }

    a#ourWorkBtn {
        padding-left: 20px;
        padding-right: 20px;
        font-size: 16px;
        margin-left: -16px;
    }

    .carouselThreeText {
        font-size: 14px !important;
        margin-top: 0%;
        width: 32%;
        margin-left: -12%;
    }

    a#findOutMoreBtn {
        margin-left: 0% !important;
    }

    div#carouselThree {
        width: 40% !important;
    }

    .navbar-nav {
        float: right;
        width: 72% !important;
        margin-left: 16% !important;
    }

    a#loginOne {
        padding: 10px;
        margin-top: 26px;
        left: 32%;
        width: 100%;
    }

    a#registerButton {
        left: 30%;
        width: 135%;
        padding-left: 21px;
        padding-right: 20px;
        position: relative;
    }

    a#dropdownOne {
        background: transparent !important;
    }

    a#dropdownTwo {
        background: transparent !important;
    }

    a#dropdownThree {
        background: transparent !important;
    }

    h2.liftFuturesHeading {
        margin-top: 150px !important;
    }

    #spanTextOne {
        margin-left: 45% !important;
    }

    #spanTextTwo {
        margin-left: 45% !important;
        margin-top: -45px;
    }

    #spanTextThree {
        margin-left: 45% !important;
        margin-top: -49px;
    }

    #spanTextFour {
        margin-left: 46% !important;
        margin-top: -10%;
    }

    .islington-logo {
        width: 180px !important;
        padding: 0px 0;
        margin-left: 85px !important;
        margin-top: 20px;
    }

    h3#titleThree {
        margin-top: 0px;
        font-size: 1em;
        margin-left: -72px;
        width: 195% !important;
    }

    h3#titleOne {
        margin-top: 0px;
        font-size: 1em;
        width: 221% !important;
        margin-left: 0%;
    }

    h3#titleSecond {
        width: 250% !important;
        font-size: 1em;
        margin-left: 2% !important;
    }


    a#findOutMoreButton {
        padding-left: 20px;
        padding-right: 20px;
        font-size: 16px;
        margin-left: -28%;
    }

    p.carouselSecondText {
        margin-left: 2%;
        font-size: 14px;
        width: 275% !important;
    }
    img.lift-logo {
        margin-left: -75px;
        width: 300px;
    }
    .navbar-nav {
        float: left;
        width: 100%;
        left: -40px;
        position: relative;
    }
}

@media only screen and (max-width: 360px) {
    .carousel-indicators {
        width: 30% !important;
        margin-top: 8px !important;
        margin-left: -45%;
    }

    .carouselOneText {
        font-size: 14px;
        margin-top: 0%;
        width: 210%;
        margin-left: 0%;
    }

    #imgThree {
        margin-right: -24vh !important;
        width: 232% !important;
    }

    #imgOne {
        margin-right: -38vw !important;
        margin-top: 0%;
        width: 183% !important;
    }

    h3#titleTwo {
        width: 210% !important;
        margin-left: 2vw !important;
        font-size: 1em;
        padding-left: 10px;
    }

    a.left.carousel-control {
        top: 268px !important;
        margin-left: 52% !important;
        margin-top: 44.7%;
    }

    a.right.carousel-control {
        top: 240px !important;
        margin-right: 21px !important;
        margin-top: 52%;
    }

    p.carouselSecondText {
        margin-left: -8%;
        font-size: 14px;
        width: 275% !important;
    }

    a#findOutMoreButton {
        padding-left: 20px;
        padding-right: 20px;
        font-size: 16px;
        margin-left: -35%;
    }
}

/* @media only screen and (max-width: 360px) {
    .carouselOneText {
        font-size: 14px;
        margin-top: -2%;
        width: 31%;
        margin-left: -10%;
    }

    a.left.carousel-control {
        top: 289px !important;
        margin-left: 49% !important;
    }

    a.right.carousel-control {
        top: 246px !important;
        margin-right: 4px !important;
    }

    .carouselTwoText {
        font-size: 14px;
        margin-left: 28vw;
        width: 97%;
    }

    .carouselThreeText {
        font-size: 14px;
        margin-top: 0%;
        width: 18%;
        margin-left: -12%;
    }
} */

@media only screen and (max-width: 320px) {
    .carousel-indicators {
        width: 30% !important;
        margin-top: 96px !important;
        margin-left: -45%;
    }

    img#logoOne {
        width: 200px;
        margin-left: -93%;
    }

    img#logoTwo {
        width: 200px;
        margin-left: -93%;
    }

    img#logoThree {
        width: 200px;
        margin-left: -93%;
    }

    img#logoFour {
        width: 200px;
        margin-left: -93%;
    }

    p#homepageText {
        width: 100%;
    }

    p#jobsText {
        font-size: 20px;
    }

    img#jobImage {
        width: 100%;
    }

    .carousel-item {
        width: 121px;
        font-size: 18px;
    }

    h3#titleOne {
        margin-top: 0px;
        font-size: 0.7em;
        width: 279% !important;
        margin-left: 0%;
    }


    .carouselOneText {
        font-size: 0.7em;
        margin-top: 0%;
        width: 282%;
        margin-left: 0vw;
    }

    div#carouselOne {
        height: 444px !important;
    }

    div#carouselTwo {
        height: 444px !important;
    }

    div#carouselThree {
        height: 444px !important;
    }

    .carouselTwoText {
        font-size: 0.7em;
        margin-top: 13%;
        width: 328% !important;
        margin-left: -46% !important;
    }

    div#carouselThree {
        width: 40% !important;
    }

    .carouselThreeText {
        font-size: 0.7em !important;
        margin-top: 0%;
        width: 320% !important;
        margin-left: -33%;
    }

    a#ourWorkBtn {
        margin-left: -72px;
    }

    a#opportunitiesBtn {
        width: 100px;
        font-size: 14px;
        margin-left: -59px;
    }

    a#findOutMoreBtn {
        margin-left: -56% !important;
        font-size: 12px;
        padding-left: 0px;
        padding-right: 0px;
    }

    img#imgTwo {
        margin-left: -6vw !important;
        width: 320% !important;
    }

    a.left.carousel-control {
        top: 274px !important;
        margin-left: 51% !important;
    }

    a.right.carousel-control {
        top: 249px !important;
        margin-right: 4px !important;
    }


    a#loginOne {
        padding: 10px;
        margin-top: 26px;
        left: 14%;
        width: 100%;
    }

    a#registerButton {
        left: 30%;
        width: 164%;
        padding-left: 20px;
        padding-right: 20px;
    }

    #spanTextOne {
        margin-left: 55% !important;
        margin-top: -50px;
    }

    #spanTextTwo {
        margin-left: 55% !important;
        margin-top: -50px;
    }

    #spanTextThree {
        margin-left: 55% !important;
        margin-top: -50px;
    }

    .circleStatFour {
        margin-top: 35%;
    }

    .carousel-indicators {
        width: 27%;
        left: 98vw;
        top: 320px;
    }

    #spanTextFour {
        margin-left: 56% !important;
        margin-top: -17%;
    }

    .islington-logo {
        padding: 0px 0;
        margin-left: 60px !important;
        margin-top: 30px;
    }

    h3#titleTwo {
        width: 302% !important;
        margin-left: -5vw !important;
        font-size: 0.7em !important;
        padding-left: 10px;
    }

    h3#titleThree {
        margin-top: 0px;
        font-size: 0.7em;
        margin-left: -9px !important;
        width: 223% !important;
    }

    a#ourWorkBtn {
        padding-left: 20px;
        padding-right: 20px;
        font-size: 14px;
        margin-left: -35px !important;
    }

    #imgOne {
        margin-right: -34vh !important;
        margin-top: 0%;
        width: 320% !important;
    }

    img#imageTwo {
        margin-top: 20px;
        margin-right: -55vw !important;
        width: 320% !important;
    }

    img#imgThree {
        width: 320% !important;
        margin-top: 10px;
        margin-right: -57vw !important;
    }

    h3#titleSecond {
        width: 250% !important;
        font-size: 0.7em;
        margin-left: -9px !important;
    }

    p.carouselSecondText {
        margin-left: -10%;
        font-size: 0.7em;
        width: 275% !important;
    }

    a#findOutMoreButton {
        padding-left: 20px;
        padding-right: 20px;
        font-size: 14px;
        margin-left: -64%;
        margin-top: -20px;
    }

    .jobsText {
        margin-left: 0% !important;
    }

}

@media only screen and (max-width: 280px) {
    .circleStatOne {
        margin-bottom: 20%;
        margin-top: 18%;
    }

    /* .carousel-indicators {
        width: 29%;
        left: 93vw;
        top: 320px;
    } */
    /* 
    .carouselOneText {
        font-size: 14px;
        margin-top: -2%;
        width: 24%;
        margin-left: -20vw;
    }

    a#opportunitiesBtn {
        width: 100px;
        font-size: 14px;
        margin-left: -61px;
        margin-top: 20px;
    }

    a.left.carousel-control {
        top: 315px !important;
        margin-left: 44% !important;
    }

    a.right.carousel-control {
        top: 283px !important;
        margin-right: -20px !important;
    } */

    a.left.carousel-control {
        top: 292px !important;
        margin-left: 49% !important;
    }

    a.right.carousel-control {
        top: 268px !important;
        margin-right: -7px !important;
    }

    img#statsImage {
        margin-left: -2% !important;
    }

    #spanTextOne {
        margin-left: 47%;
    }

    #spanTextTwo {
        margin-left: 50%;
        margin-top: -45px;
    }

    #spanTextThree {
        margin-left: 48%;
        margin-top: -49px;
    }

    #spanTextFour {
        margin-left: 55% !important;
        margin-top: -17%;
    }

    a#loginOne {
        padding: 10px;
        margin-top: 26px;
        left: 16%;
        width: 83%;
    }

    .islington-logo {
        width: 105px !important;
        padding: 0px 0;
        margin-left: 43px !important;
        margin-top: 20px;
    }

    h3#titleTwo {
        width: 250% !important;
        margin-left: -7vw !important;
        font-size: 0.7em !important;
    }

    .carouselThreeText {
        font-size: 0.7em !important;
        margin-top: 0%;
        width: 32%;
        margin-left: -34%;
    }

    h3#titleThree {
        margin-top: 0px;
        font-size: 0.7em;
        margin-left: -8px !important;
        width: 223% !important;
    }

    a#ourWorkBtn {
        padding-left: 20px;
        padding-right: 20px;
        font-size: 14px;
        margin-left: -36px !important;
    }

    h3#titleOne {
        margin-top: 0px;
        font-size: 0.7em;
        width: 268% !important;
        margin-left: 0%;
    }

    p.carouselSecondText {
        margin-left: -10%;
        /* font-size: 14px; */
        width: 275% !important;
    }

    #imgOne {
        margin-right: -57vw !important;
        margin-top: 0%;
        width: 280% !important;
    }

    img#imageTwo {
        margin-top: 20px;
        margin-right: -55vw !important;
        width: 280% !important;
    }
}